zl程序教程

您现在的位置是:首页 >  其它

当前栏目

checkbox选中和不选中

选中 checkbox
2023-06-13 09:18:31 时间

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

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

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 ');

}

});

}