2011-09-08 103 views
0

如何在Jquery中勾选复选框时显示提示框?当复选框未被选中时,警告框将消失。在Jquery中勾选复选框时显示提示框

我试过下面的代码,但它不起作用。谁能帮我吗?谢谢!

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

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

      } 

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

回答

3

尝试

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

您需要定义或者是改变或点击功能来运行它,而不是你有什么,该页面加载后运行。

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

该文档只读查看加载页面时复选框的状态。 触发一个函数,当复选框触发一个更改事件(当它被选中或未选中时)将一个事件监听器绑定到它。

尝试使用:

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

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

}); 
</script> 
1

你输入需要一个复选框,实际做的东西你必须听点击或更改事件发生:

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

试试这个,看它是否工作!

1

试试这个。

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


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