标签:serializeArray

页面checkbox向后台传值需注意的一个细节

发表于1年前(Mar 17, 2017 8:26:58 PM)  阅读 548  评论 0

分类: WEB前端 JS

标签: checkbox ajax serialize serializeArray

checkbox是很常用的一个html控件,在使用时有一个细节需要注意,如果你的checkbox没有被选中,那么这个name属性将不会随表单一起提交,当然,笔者说的是serialize表单ajax提交的方式(至于页面默认同步的提交方式,笔者好像工作以来基本都没用过,都是采用ajax异步提交的,使用页面默认同步的方式,会不会有该问题,笔者未做验证)。举个例子:

<form id="form">
    <input type="checkbox" name="football"/>
</form>

当你勾选了该checkbox时,提交表单会带参数football=on,如果没有勾选,提交的表单就没有football这个参数。平时,我们基本上可以根据没有football这个参数就认为用户没有勾选该项,这完全没有问题。但笔者在做基础平台时,做通用功能的时候,如果每个checkbox参数这样去判断一次,感觉会很累赘,无法利用Sp

......