1、jQuery判断checkbox是否选中
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<input name="name" id="name" type="checkbox" />选我 <input name="test" id="test" type="text" />测试 <script type="text/javascript"> $('#name').click(function(){ if($('#name').prop("checked")){ $('#test').trigger("click"); } }); $('#test').click(function(){ alert('bbb'); }); </script> |
2、jQuery获取复选框checkbox组的值
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<form id="uploadForm" name="uploadForm"> <input value="1" name="id[]" class="check-item" type="checkbox" />a <input value="2" name="id[]" class="check-item" type="checkbox" />b <input value="3" name="id[]" class="check-item" type="checkbox" />c </form> <script type="text/javascript"> var arr = []; $('.check-item').prop("checked", true); $('.check-item').each(function(i){ if(this.checked){ arr.push(this.value); } /* var rs = $('.check-item').prop("checked"); if(rs){ str += $('.check-item').val() + ','; } */ }); console.log(arr.toString()); </script> |
转载请注明:PHP笔记 » jQuery操作web表单常用代码总结