获取inputText的值primefaces与jQuery

Question

我有下面的代码

<h:form id="calcForm"> 
    <h:panelGrid columns="3" styleClass="panelGridNoBorder"> 
    <p:inputText id="value" /> 
    <p:commandButton value="calculate " onclick="calc()" /> 
    </h:panelGrid> 
    <script> 
    function calc() { 
     var value = $("#value").val(); 
     console.log(value); 
     alert(value); 
    } 
    </script> 
</h:form> 

我想按计算按钮和显示警示与inputText的值。但我得到undefine。我看到inputtext id是calcForm:value。我如何获得inputtext值？

编辑： 代码

<p:inputText id="value" /> 

在浏览器

<input id="calcForm:value" name="calcForm:value" type="text" maxlength="18" style="font-weight: bolder; font-size: 2.4em;" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" role="textbox" aria-disabled="false" aria-readonly="false"> 

Answer 1

如果我理解正确，你将以下解决您的问题

var value = $("#calcForm\\:value").val() 

function calc() { 
 
    var value = $("#calcForm\\:value").val(); 
 
    console.log(value); 
 
    alert(value); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="calcForm:value" name="calcForm:value" type="text" maxlength="18" style="font-weight: bolder; font-size: 2.4em;" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" role="textbox" aria-disabled="false" aria-readonly="false"> 
 
<button onclick="calc()">Calculate</button>