最近搜索

layui 复选框 添加监听

浏览:125
管理员 2024-03-27 14:56
function add_row_update_tu() {
    $("#update_tu_list  table tbody").append('   ' +
        '<tr row_num="'+row_num+'" bj="0" style="cursor: pointer; ">\n' +  //type 1是订单的,  2是自定义的
        '            <td style=" padding: 0px;"> <input type="checkbox"  name="biaozhun"  value="'+row_num+'"  lay-skin="primary" title="标准产品" ></td>\n' +
        '            <td style=" padding: 0px;">  <input disabled class="layui-input" type="text" />  </td>\n' +

        '            <td style=" padding: 0px;"><input class="layui-input" type="text" /></td>\n' +
        '            <td style=" padding: 0px;"><input class="layui-input" type="text" /></td>\n' +
        '            <td style=" padding: 0px;"><input class="layui-input" type="text" /></td>\n' +
        '            <td style="text-align: center;  padding: 0px; "> ' +
        material_select_html   +
        '            </td>\n' +
        '            <td style="text-align: center;  padding: 0px;"> ' +
                    '<div class="layui-btn-group">' +
                    '<button type="button" id="del"   class="layui-btn layui-btn-xs layui-btn-danger">删除</button>\n' +
                    '<button id="update'+row_num+'" id="update_file"  type="button" class="layui-btn layui-btn-normal layui-btn-xs">上传图纸</button>'+
                    '<button style="display: none;" id="open_url"  type="button" class="layui-btn layui-btn-xs">查看图纸</button>'+
                    '</div>' +
        '            </td>\n' +
        '        </tr>');
    w_form.render(); //更新全部表单
    init_del_click();
    listen_key_code();
    //绑定上传事件
    registe_update_file("update"+row_num);
    //初化,复选框架的点击事件。
    row_num++;
}



form.on('checkbox', function (data) {
    if(data.elem.checked) {
        console.log("我选中的行row_num是:"+data.value);
        var select_row_num = data.value;
        //设置对应的行,的input可以输入。 设置对应行的tr  设置bj=1 就是标准产中行。  bj=0就不是标准产品行。
        $("#update_tu_list table tbody tr").each(function() {
            var temp_row_num = $(this).attr("row_num");
            if(select_row_num==temp_row_num){
                $(this).find('input:eq(1)').prop("disabled", false);
                $(this).attr("bj",1);
            }
        });
    } else {
        console.log("我取消的选中row_num是:"+data.value);
        var select_row_num = data.value;
        //设置对应的行,的input不可以输入。 设置input value是空
        $("#update_tu_list table tbody tr").each(function() {
            var temp_row_num = $(this).attr("row_num");
            if(select_row_num==temp_row_num){
                $(this).find('input:eq(1)').prop("disabled", true);
                $(this).attr("bj",0);
                $(this).find('input:eq(1)').val("");
            }
        });
    }
});
form.render();



添加到页面上面的复选框  都有监听。  使用代码 随后5分后添加的checkbox 也有监听。不用重复加监听。

唯一缺点就是不能选择指定复选框。这是所有复选框加的监听。






联系站长

站长微信:xiaomao0055

站长QQ:14496453