使用javascript解决checkbox未选中不传value的问题

2019独角兽企业重金招聘Python工程师标准>>>

问题描述：
在同个name的checkbox组中，需要区分勾选和没勾选的值

比如勾选了的传1  未勾选的传0

假设5个  全勾选  传  1 1 1 1 1

只勾选前两个  则传 1 1 0 0 0  而不是传 1 1

checkbox使用forEach根据数据库数据动态显示n个

<input name="Flag" type="checkbox" value="1">

javaScript如下

function changeCheckBoxs() {
            var checkboxs = document.getElementsByName("Flag");
            for (var i = 0; i < checkboxs.length; i++) {
                if (checkboxs[i].checked == false) {
                    checkboxs[i].checked = true;
                    checkboxs[i].value = 0;
                }
            }

        }

原理很简单，在submit时，调用此js函数
拿到checkbox组，判断选中状态，如果是未选中状态，则设置为选中，并把值改成0，随后提交到后台就能拿到1 和 0 的数组了。

 

转载于:https://my.oschina.net/xiaozhiwen/blog/1648626