如何在引导程序中禁用复选框的按钮？

Question

我在 java 脚本中有一段代码，用于在选中复选框之前禁用按钮。它不会在引导程序中灰显。它只显示按钮。

https://jsfiddle.net/soljohnston777/wg00ymg8/

引导程序尝试使这项工作：

模态/HTML：

    <div id="example" class="modal hide fade in" style="display: none; ">  
    <div class="modal-header">  
    <a class="close" data-dismiss="modal">×</a>  
    <h3>Terms and Conditions</h3>  
    </div>  
        <div class="modal-body"> 

        <h4>Text in a modal <input type="checkbox" required="required" id="myCheck"></h4>

        <p>You can add some text here.</p> 
    <div class="checkbox">
    <input id="check" name="checkbox" type="checkbox">
    <label for="check">Some Text Here</label>
    </div>          
        </div>  
    <div class="modal-footer">  

    <input type="submit" name="" class="btn" id="btncheck" value="I Agree" />
    <a href="#" class="btn btn-success" data-dismiss="modal">Close</a>  
    </div>  
</div>  

没有模态类：

http://www.bootply.com/nV8ShsZUH5

我做错了什么？

Answer 1

您想使用属性而不是属性。

http://api.jquery.com/prop/

代替：

btn.prop("disabled", !this.checked);

您可以直接从复选框对象中访问禁用属性并对其进行修改。

this.disabled = !this.checked;

Answer 2

如果其他人有这个问题，我必须升级到 bootstrap 3，然后这段代码就很好用了

http://www.bootply.com/AlUZOz0zXB