html代碼

<input type="hidden" name="f_information_id" id="f_information_id" value="<?php echo $f_information_id?>"> <table class="table table-hover"><thead><tr><th> <input type="checkbox" class="btn btn-xs btn-primary btn-outline " id="check_all"> 全選 </input></th><th>姓名</th><th>差評</th></tr></thead><tbody><?php if (count($comments_record)) {foreach ($comments_record as $one) { ?><tr class="gradeC"><td><input type="checkbox" class="btn btn-sm btn-primary choose_admin" id="<?php echo $one['f_admin_id'];?>" value="<?php echo $one['f_admin_id']?>" name="choose_admin" data-can-choose="true"/></td><td><?php echo $admin_record[$one['f_admin_id']]['f_name']; ?></td><td><?php echo $one['f_num'];?></td></tr><?php }} ?></tbody> </table>

js代碼

//全選var flag = true; // 未選中$("#check_all").click(function(){if(flag) {var chk_value = [];$('input[name="choose_admin"]').each(function(){$(this).attr("checked",true);chk_value.push($(this).val());var admin_ids = chk_value.join(","); //js中數(shù)組轉(zhuǎn)換為字符串$("#admin_ids").val(admin_ids); //把選中的復(fù)選框賦值給hidden的input中 });}else {$('input[name="choose_admin"]').each(function(){$(this).removeAttr("checked");$("#admin_ids").val(); //把選中的復(fù)選框賦值給hidden的input中 });}flag = !flag;});$(".choose_admin").change(function () {var chk_value = [];$('input[name="choose_admin"]:checked').each(function(){chk_value.push($(this).val());});var admin_ids = chk_value.join(","); //js中數(shù)組轉(zhuǎn)換為字符串 $("#admin_ids").val(admin_ids); //把下載的選項賦值給hidden的input中});

?

轉(zhuǎn)載于:https://www.cnblogs.com/zwtqf/p/9539483.html

總結(jié)

以上是生活随笔為你收集整理的jq多选框全选，多选的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。