当前博客:用layui 框架给每个复选框添加点击事件问题

99 次浏览【转载需注明来源】

博客作者:【1580****6580】

个性签名:寒窗苦读十年,一朝凤舞九天

<区块 类名="lay-表单">
    <区块 类名="lay-表单-项目">
        <区块 行内样式="左边距: 20px"><行内元素>你爱好的运动是?</行内元素> <数据框 id="sfcheck" lay-过滤器="demo" 数据类型="选择框" />全选/全不选</区块>
        <区块 类名="lay-输入框-区块" 行内样式="左边距: 20px">
            <数据框 数据类型="选择框" 属性名称="items" 数据值="足球" 提示信息="足球" />
            <数据框 数据类型="选择框" 属性名称="items" 数据值="篮球" 提示信息="蓝球" />
            <数据框 数据类型="选择框" 属性名称="items" 数据值="羽毛球" 提示信息="羽毛球" />
            <数据框 数据类型="选择框" 属性名称="items" 数据值="乒乓球" 提示信息="乒乓球" />
        </区块>
    </区块>
</区块>
$(定义函数 () {
    $("[name='items']").点击元素(定义函数 () {
        调试输出(111);
    });
});

这个也不行

默认排序
Generic placeholder image
Generic placeholder image
已采纳
快码FOF编程 Time: 2024-01-31 11:16:00
<区块 类名="lay-表单">
    <区块 类名="lay-表单-项目">
        <区块 行内样式="左边距: 20px"><行内元素>你爱好的运动是?</行内元素> <数据框 id="sfcheck" 数据类型="选择框" />全选/全不选</区块>
        <区块 类名="lay-输入框-区块" 行内样式="左边距: 20px">
            <数据框 数据类型="选择框" 属性名称="items" lay-过滤器="demo" 数据值="足球" 提示信息="足球" />
            <数据框 数据类型="选择框" 属性名称="items" lay-过滤器="demo" 数据值="篮球" 提示信息="蓝球" />
            <数据框 数据类型="选择框" 属性名称="items" lay-过滤器="demo" 数据值="羽毛球" 提示信息="羽毛球" />
            <数据框 数据类型="选择框" 属性名称="items" lay-过滤器="demo" 数据值="乒乓球" 提示信息="乒乓球" />
        </区块>
    </区块>
</区块>
<脚本>
    //这里执行相关的JS代码
    lay_表单.表单复选框事件("demo", 定义函数 (表单复选框对象) {
        调试输出(表单复选框对象);
        返回 假;
    });
</脚本>

直接用复选框事件就好,与单击事件一样;点击就会触发

Generic placeholder image
qiang Time: 2024-01-31 10:33:19

??

加点击事件,你得先找找点击的元素对不对啊

Generic placeholder image
1580****6580 回复 1楼 qiang Time: 2024-01-31 10:41:09

 

Generic placeholder image
1580****6580 回复 2楼 1580****6580 Time: 2024-01-31 10:46:27

Generic placeholder image
qiang 回复 3楼 1580****6580 Time: 2024-01-31 10:52:59

不要相信自己,在网页上找找点击的元素是什么。

Generic placeholder image
快码FOF编程 Time: 2024-01-31 11:21:22
<区块 类名="lay-表单">
    <区块 类名="lay-表单-项目">
        <区块 行内样式="左边距: 20px"><行内元素>你爱好的运动是?</行内元素> <数据框 id="sfcheck" 数据类型="选择框" />全选/全不选</区块>
        <区块 类名="lay-输入框-区块" 行内样式="左边距: 20px">
            <数据框 数据类型="选择框" 属性名称="items" lay-过滤器="demo" 数据值="足球" 提示信息="足球" />
            <数据框 数据类型="选择框" 属性名称="items" lay-过滤器="demo" 数据值="篮球" 提示信息="蓝球" />
            <数据框 数据类型="选择框" 属性名称="items" lay-过滤器="demo" 数据值="羽毛球" 提示信息="羽毛球" />
            <数据框 数据类型="选择框" 属性名称="items" lay-过滤器="demo" 数据值="乒乓球" 提示信息="乒乓球" />
        </区块>
    </区块>
</区块>
<脚本>
    //这里执行相关的JS代码
    $(定义函数 () {
        $(".layui-form-checkbox").点击元素(定义函数 () {
            调试输出(111);
        });
    });
</脚本>

如果非要点击,可以参考上述案例;所有的UI库都是渲染模式;你使用的是原始标签,但UI库渲染后是另外的代码


用layui 框架给每个复选框添加点击事件问题