获取复选框被选中值
| 代码如下 | 复制代码 |
|
<input type="button" id="btn5" value="获得选中的所有值"> <input type="text" name="dd" id="dd" size="50" /> $("#btn5").click(function(){ var str=""; $("[name='checkbox'][checked]").each(function(){ str+=$(this).val()+","; }) $("#dd").val(str) }) |
|
JQuery获取被选中复选框checkbox的个数
通过jQuery获取checkbox选中项的个数，需要用到jQuery的size()方法或length属性，下面的例子是通过length属性获得checkbox选中项的个数
| 代码如下 | 复制代码 |
| <ol> <li><input type="checkbox" name="test" /> 看电视</li> <li><input type="checkbox" name="test" /> 看电影</li> <li><input type="checkbox" name="test" /> 上网</li> <li><input type="checkbox" name="test" /> 爬山</li> <li><input type="checkbox" name="test" /> 游乐场</li> <li><input type="checkbox" name="test" /> 逛街</li> <li><input type="checkbox" name="test" /> 聚会</li> </ol> <p><input type="button" id="count" value="有多少CheckBox被选中了？" /> <script type="text/javascript"> $(document).ready(function(){ $('input[type=checkbox]').click(function(){ $(this).attr('disabled','disabled'); if($("input[name='test']:checked").length >= 3) { $("input[name='test']").attr('disabled','disabled'); } }); $("#count").click(function(){ $('input').live('click',function(){ alert($('input:checked').length); }); }) }) </script> }) }) </script> |
|
上面我是把代码分开了，下面我们写成一个实例
| 代码如下 | 复制代码 |
|
<form action="" name="myform" id="myform" method="post"> <input type="checkbox" name="id" value="1" /><br /> <input type="checkbox" name="id" value="2" /><br /> <input type="checkbox" name="id" value="3" /><br /> <input type="button" value="提交" id="btn" /> </form> <script type="text/javascript"> $("#btn").click(function(){ var id = $("input[name='id']:checked"); var idl = id.length;//个数 alert(idvalue); alert(idl); }) |
|
时间： 2024-10-03 16:40:14