checkbox选中和不选中 jqu_jQuery解决checkbox未选中不提交值的问题

W3C最新规定，当checkbox未选中，post不会将值提交到服务器，这就出现了一个变量未初始化的问题，看网上有很多朋友增加隐藏表单的方式解决，如果有多个checkbox的话，会增加很大的代码量。

**我找到一个简单的解决办法：

1、通过jquery将value为1的自动设置为checked选中状态

2、提交时执行getCheckBoxVal函数，遍历所有checkbox，将已经选中的，将值设置为1

3、将未选中的选项value设置0，把checkbox选项设置为checked，保持选中状态，保证提交到服务器。**

**此方法同样适用于radio组件。**

$(document).ready(function() {

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

})

function getCheckBoxVal(){ //提交前执行，将选中的checkbox的value设置为1，将未选中的checkbox也设置为checked，将值设置为0

$("#configform").find('input:checkbox').each(function() { //遍历所有复选框

if ($(this).prop('checked') == true) {

$(this).val('1');

}

else{

$(this).prop('checked',true);

$(this).val('0');

}

});

}

最后修改：2019 年 12 月 14 日 08 : 25 PM

赞赏

如果觉得我的文章对你有用，请随意赞赏

×Close

赞赏作者

扫一扫支付

支付宝支付

微信支付

checkbox选中和不选中 jqu_jQuery解决checkbox未选中不提交值的问题相关推荐

mvvm绑定checkbox wpf_wpf中使用mvvm，解决checkbox全选问题
开始原因是由于并不知道使用数据模板,需要加入数据源,要找到数据源的作用域.后面的命令部分代码如下: public ICommand SelectOrUnSelectAll { get { return ...
checkbox选中和不选中 jqu_jQuery控制checkbox选中状态但是不显示选中
问题描述:使用jQuery来控制checkbox的选中状态,但是第一次点击出现选中样式,之后点击可以看到checked的属性增加成功但是并没有选中状态. 问题代码: function chooseA ...
checkbox获取勾选状态_jQuery判断checkbox选中状态
前言神奇的JQuery怎么设置checkbox状态时好时坏?明明同一行代码,断点跟踪确实执行了,但是有时候好使,有时候却没有生效.毕竟对JS不是很熟悉,只是通过JS来处理前端HTML的标签的状态设置 ...
checkbox 选中未选中赋值以及是否选中状态判断
checkbox 选中未选中赋值 $("#test1").prop("checked",false) //不选中 $("#test1").p ...
checkbox选中和不选中 jqu_运用jQuery无法设置checkbox选中即没有变成选中状态
运用jQuery无法设置checkbox选中即没有变成选中状态,先来看下代码:$("input").attr("checked","checked&q ...
checkbox选中用法以及获取未选中的checkbox
一.checkbox选中用法问题:如果一个select的改变事件的选中的值改变,那么相应的复选框也要选中或者取消, $("#isfourfive").change(functio ...
elementui el-table选择checkbox，最多选择N条解决办法
使用el-table,多选选择的时候,可以最多选择N条数据有时候使用全选的时候,不想选择全部,而是选择10条数据,而界面上有20条数据,这样的话,就回全部选中,达不到要求,所以上代码 <el- ...
Xshell中鼠标选中内容自动换行ctrl+c解决办法
之前一直用Xshell,后来电脑死机了,不得不重装了系统,再次安装qtranslate发现和xshell有冲突,开启划词翻译后,鼠标左键选中内容后,都会在xshell终端展示为ctrl+c,自动换行了 ...
react 全选反选_react解决checkbox全选checked的问题
react解决checkbox全选checked的问题日期:2018-08-23 来源:程序思维浏览:2117次今天在做react后台管理系统需要批量删除功能,没想到checkbox在react里 ...

checkbox选中和不选中 jqu_jQuery解决checkbox未选中不提交值的问题

checkbox选中和不选中 jqu_jQuery解决checkbox未选中不提交值的问题相关推荐

最新文章

热门文章