javascript – 如何检查是否使用JQuery选中了复选框?

前端之家收集整理的这篇文章主要介绍了javascript – 如何检查是否使用JQuery选中了复选框?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果用户选中了页面上的复选框,我试图允许点击功能.否则,我想在#additional_foreign按钮中添加一个类.

我想我很接近,但似乎没有用.
这是我的代码

if($('#foreign_checkBox').attr('checked')) { 
    $('#additional_foreign').click(function() {
        alert('This click function works');
    });
} else {
    $('#additional_foreign').addClass('btn_disable');   
}

当我选中复选框时,它不允许单击功能,当我取消选中该复选框时,它也不会按原样添加该类.

我究竟做错了什么?

编辑:这是我的HTML澄清.

<input id="foreign_checkBox" type="checkBox" />
<span id="additional_foreign">Click Me</span>

解决方法

尝试使用$(‘#foreign_checkBox’).is(“:checked”) – 其余代码看起来很好

如果这是我的代码,我会做这样的事情让它工作:

<input id="foreign_checkBox" type="checkBox" />
<span style='display:none' id="additional_foreign">Click Me</span>

<script type="text/javascript">
    $(document).ready(function() {

        $("#foreign_checkBox").click(function() {
            if($('#foreign_checkBox').is(':checked')) { 
                $('#additional_foreign').show();
            } else {
                $('#additional_foreign').hide();
            }
        });

        $('#additional_foreign').click(function() {
            alert('This click function works');
        });
    });
</script>

猜你在找的jQuery相关文章