2015-05-13 98 views
0

如何檢查p:selectBooleanCheckbox是否被選中?找到複選框已選中?

下面總是jQuery的腳本返回的p虛假的或不確定的:selectBooleanCheckbox但它預期用於h作品:selectBooleanCheckbox

<h:form id="myform" enctype="multipart/form-data"> 
    <p:selectBooleanCheckbox id="mycbx" value="#{mybean.cbxSelect}" /> 
</h:form> 

<script type="text/javascript"> 
    $('#myform\\:mycbx').click(function() { 
    console.log($(this).is(':checked')); //always return false! 
    console.log($(this).prop('checked')); //return undefined 
}); 
</script> 

回答

0

爲primefaces組件使用widgetVar:

<h:form id="myform" enctype="multipart/form-data"> 
<p:selectBooleanCheckbox id="mycbx" widgetVar="cbx" value="#{mybean.cbxSelect}" /> 
</h:form> 

<script type="text/javascript"> 
$('#myform\\:mycbx').click(function() { 
console.log(cbx.isChecked()); //return true if check 
}); 

不錯的插件widgetVar:http://blog.hatemalimam.com/intro-to-primefaces-widgetvar/

+0

Keep介意使用'cbx.isChecked()'使用以前訪問窗口小部件功能的方式。除非設置了兼容性選項,否則更新版本的PF要求使用'PF('cbx')。isChecked()' – Kukeltje