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