javascript - 使用 Javascript 结合 Primefaces 和 Twitter 引导程序启用/禁用提交按钮

Question

如果未选中/选中复选框，我想禁用/启用提交按钮，但按钮的状态不会改变。

我在这里找到了一个解决方案：取消选中复选框时如何禁用提交按钮？

复选框：

<h:selectBooleanCheckbox id="termsOfUseCheckbox" name="Sign Up" class="input-xlarge"/>

提交按钮：

<p:commandButton type="submit" id="submitButton" action="#{genPlaceUserService.persist()}" value="Sign up" styleClass="btn btn-primary btn-large" disabled="true"></p:commandButton>

Javascript：

<script type='text/javascript'>
$('#termsOfUseCheckbox').click(function(){

    if($(this).attr('checked') == true){

        $('#submitButton').removeAttr('disabled');
    }
    else {
        $('#submitButton').attr("disabled","true"); 
    }
});

我知道primefaces需要禁用状态（disable = true），应该通过以下方式完成：

$('#submitButton').attr("disabled","true");

感谢您的帮助，亲切的问候！

Answer 1

其实你需要做的不是将disabled设置为true，而是像这样设置disabled为disabled

$('#submitButton').attr("disabled","disabled");

Answer 2

你可以使用这个 ->$(this).is(':checked')代替$(this).attr('checked')，这是一个 jsfiddle -> http://jsfiddle.net/AfUGd/3/

编辑了小提琴