解决checkbox复选框未选中时不传值的问题 / 判读复选框是否选中

想实现的需求是：复选框默认选中，选中时传值1，未选中时传值0；
根据W3C的规则未选中的checkbox和禁用的控件不是有效控件，不会传值。

方法1：

<input type="hidden" name="aa" value="0" /><input type="checkbox" name="aa" id="aa" value="1" checked/>

网上最多的方法是这种，但是对我却没用，未选中时传值是为0 ，但是选中时hidden的值并没有被checkbox覆盖掉，传值为["0","1"]这样的数组。

方法2：判读复选框是否勾选
于是我试用判断复选框是否选中；若选中时给它设置值为1，否则为0 ；

<input type="checkbox" name="aa" id="aa" checked/>

    if($("#aa").is(':checked')){$("#aa").val(1);}else{$("#aa").val(0);}

方法3：同样是判读复选框是否勾选

if($("#aa")[0].checked){$("#aa").val(1);}else{$("#aa").val(0);}

方法4：
checkbox只做显示，另一个隐藏域来保存提交的数据。checkbox改变时修改隐藏域的值。

    <label>是否选中</label><input type="checkbox" onchange="this.nextElementSibling.value = (this.nextElementSibling.value==0)?1:0 " checked/><input type="hidden" name="aa" value="1"/>

解决checkbox复选框未选中时不传值的问题 / 判读复选框是否选中相关推荐

Qt，优化QTreeWidget的三态：勾选，未勾选，半勾选
这是以前做过的例子,之前是参考的网上的例子,觉得遍历次数太多,效率不行.自己尝试优化修改了一番.小试牛刀,欢迎拍砖.效果如下图: 示例数据做得比较粗糙.来看看是怎么实现的吧. 功能勾选树控件的节点, ...
Qt 优化QTreeWidget的三态：勾选，未勾选，半勾选
这是以前做过的例子,之前是参考的网上的例子,觉得遍历次数太多,效率不行.自己尝试优化修改了一番.小试牛刀,欢迎拍砖.效果如下图: 示例数据做得比较粗糙.来看看是怎么实现的吧. 功能勾选树控件的节点, ...
扩展GridView控件(7) - 行的指定复选框选中时改变行的样式
GridView既强大又好用.为了让它更强大.更好用,我们来写一个继承自GridView的控件. [索引页] [×××] 扩展GridView控件(7) - 行的指定复选框选中时改变行的样式作者:w ...
判断多个checkbox复选框至少选一个（提交时必须选择一个）
HTML代码: <h2>请选择您的爱好:</h2><form action="" method="post" id="f ...
java 复选框背景色_将多选框选中时打勾的颜色
body { font-size:12px; } .checkbox { width:12px; height:12px; background-image:url(http://ucren.com/ ...
单选按钮必填会有红色选中提示吗_为什么单选按钮和复选框不能共存？
以下内容由摹客团队翻译整理,仅供学习交流,摹客设计+协作一站式云平台,从产品.设计到开发,摹客来解决. 单选按钮和复选框长期以来一直都是容易导致用户困惑的组件.这两个组件通常用于相同的情景下,但看起来 ...
eazy ui 复选框单选_UI备忘单：单选按钮，复选框和其他选择器
eazy ui 复选框单选重点 (Top highlight) Pick me! Pick me! No, pick me! In today's cheat sheet we will be lo ...
checkbox选中时如何改变默认样式
刚刚发布了人生中的第一篇博客,有点小兴奋,紧接着再来了一篇,希望不要出现太多问题. 好了,我的废话太多了,说点有料的东西 1.是关于checkbox的,checkbox在选中.未选中的时候是有默认样式 ...
html输入时提示文字消失,html中input文字框，初始里边有文字提示。当点选时，文字消失，怎么改？...
html中input文字框,初始里边有文字提示.当点选时,文字消失,怎么改?以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧 ...
react 全选反选_react解决checkbox全选checked的问题
react解决checkbox全选checked的问题日期:2018-08-23 来源:程序思维浏览:2117次今天在做react后台管理系统需要批量删除功能,没想到checkbox在react里 ...

解决checkbox复选框未选中时不传值的问题 / 判读复选框是否选中

解决checkbox复选框未选中时不传值的问题 / 判读复选框是否选中相关推荐

最新文章

热门文章