Question

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

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

Bootstrap尝试使其工作：

Modal / 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>

没有Modal类：

http://www.bootply.com/nV8ShsZUH5

我做错了什么？

Answer 1

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

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

而不是：

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

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

this.disabled = !this.checked;

Answer 2

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

http://www.bootply.com/AlUZOz0zXB

如何禁用bootstrap中的按钮以获取复选框？

2 个答案: