A jQuery & CSS3 based off-canvas navigation menu that…
November 7, 2018
jquery.serializeJSON: 包含未勾选的checkboxes, Problem with checkbox checked,
jquery.serializeJSON 是什么? 怎么用? 请参看:JQuery: 提交表单数据,转换表单数据为json,values of Form to Json (jquery.serializeJSON)
当我们使用:
<input type="checkbox" name="show" value="true" checked>
的时候, 当这个input没有被选中的话,那么默认将不会传值,也就是说,没有被选中(unchecked)的话,这个input的数据将不会被提交。
如果有需要想要提交的话,那么有以下三种方法:
- 默认的方法:写一个hidden输入框,并且name标签取一样的值,如下:
<input type="hidden" name="show" value="false"> <input type="checkbox" name="show" value="true" checked>
当取消选中的时候,那么将会提交一个false
- 如果上面的代码不够简洁的话,也可以直接这么写:
<input type="checkbox" name="show" value="true" data-unchecked-value="false" checked>
效果是一样的
- 如果你更喜欢用js的方式,那么也可以用:
$('form').serializeJSON({checkboxUncheckedValue: "false"});
效果一样
本文:jquery.serializeJSON: 包含未勾选的checkboxes, Problem with checkbox checked,
One Comment