1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 解决checkbox复选框未选中时不传值的问题 / 判读复选框是否选中

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

时间:2022-06-12 07:16:59

相关推荐

解决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"/>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。