• jq多选框全选,多选


    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中数组转换为字符串
                    $("#admin_ids").val(admin_ids);  //把选中的复选框赋值给hidden的input中
                });
            }
            else {
                $('input[name="choose_admin"]').each(function(){
                    $(this).removeAttr("checked");
                    $("#admin_ids").val();  //把选中的复选框赋值给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中数组转换为字符串
    
            $("#admin_ids").val(admin_ids);  //把下载的选项赋值给hidden的input中
        });
  • 相关阅读:
    引用dll文件要提交解决方案
    设置dateBox初始日期为当前日期
    Java基础之线程并发协作(生产消费者模式)
    Java基础之线程的交互
    Java基础之线程synchronized关键字
    Java基础之线程阻塞
    Java基础之线程的两种实现方式
    Java Eclipse代码注释和快捷键
    Java基础之数组
    列出一些你常见的运行时异常?
  • 原文地址:https://www.cnblogs.com/zwtqf/p/9539483.html
Copyright © 2020-2023  润新知