Question

如何在Jquery中勾选复选框时显示警告框？复选框未选中时，警告框将消失。

我已经尝试过以下代码，但它不起作用。谁能帮我吗？谢谢！

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

            if($('#chkAll').is(':checked'))
           {
              alert("im checked");

           }

        });
        </script>
<input id="chkAll" />

Answer 1

试

$(document).ready(function(){
    $('#chkAll').change(function() {
        if($('#chkAll').is(':checked') {
            alert("checked");
        }
    });
});

Answer 2

您的输入需要是一个复选框，要实际执行某些操作，您必须听取点击或更改事件的发生：

<script type="text/javascript">
  $(function(){
    $("#chkAll").bind("click",function(){
      if (this.checked) alert("I’m checked!");
    });
  });
</script>
<input type="checkbox" id="chkAll" />

试一下，看看它是否有效！

Answer 3

试试这个。

$(document).ready(function(){
        //$('#chkAll').click(getCheck());
        $('#chkAll').click(function() {
             if($('#chkAll').is(':checked'))
               {
                  alert("im checked");
               }
        });
    });


 <input type="checkbox" id="chkAll" />

Answer 4

您需要定义更改或单击功能才能运行，而不是在加载页面后运行的内容。

$(document).ready(function () {
    $('#chkAll').change(function () {
        alert( $(this).val () );
    });
});

Answer 5

只读文档会查看加载页面时复选框的状态。当复选框触发更改事件时（在选中或取消选中时）触发函数，将事件侦听器绑定到它。

尝试使用：

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

    $('#chkAll').bind('change', function () {
        if($('#chkAll').is(':checked'))
        {
            alert("im checked");
        }
    });

});
</script>

在Jquery中勾选复选框时显示警告框

5 个答案: