前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >checkbox选中和不选中

checkbox选中和不选中

作者头像
Power
发布2023-05-25 09:36:06
1.8K0
发布2023-05-25 09:36:06
举报
文章被收录于专栏:源码库源码库源码库

装货.

根据W3C的最新规定,当复选框未被选中时,post不会向服务器提交值,这就导致了变量未初始化的问题。看网上有多少朋友添加隐藏形式来解决。如果有多个复选框,会增加很多代码。

checkbox选中和不选中
checkbox选中和不选中

* *我找到了一个简单的解决方案:

1.自动将值1设置为由jquery检查。

2.提交时,执行getCheckBoxVal函数,遍历所有复选框,将选中的设置为1。

3.将未选中的选项值设置为0,将复选框选项设置为选中,并保持选中状态以确保将其提交到服务器。**

* *该方法也适用于无线电组件。**

$(文档)。ready(function() {

$('#configform ')。find(' input : checkbox[value=' 1 ']')。prop('checked ',true);

})

提交前执行GetCheckBoxVal(){//将选中的复选框的值设置为1,将未选中的复选框设置为选中,将值设置为0。

$ ('# ConfigForm ')。查找(' Input3360Checkbox ')。each(function(){//遍历所有复选框

如果($(这个)。prop('checked')==true){

$(这个)。val(' 1 ');

}

否则{

$(这个)。prop('checked ',true);

$(这个)。val(' 0 ');

}

});

}

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档