js中复选框的取值及赋值示例详解
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
js中复选框的取值及赋值⽰例详解
1、复选框的取值:(js部分)
var checkboxdata = $(“input[name=payoperator]:checked”).map(function() {
return $(this).val();
}).get().join(",");
<div class="form-group">
<label class="col-lg-2 col-md-2 col-sm-12 control-label">⽀付⽅式</label>
<div class="col-lg-4 col-md-4">
<label class="checkbox-inline">
<input type="checkbox" name="payoperator" value="1">⽀付宝在线缴费 </label>
<label class="checkbox-inline">
<input type="checkbox" name="payoperator" value="2" checked="checked">⽀付宝代扣缴费 </label>
<label class="checkbox-inline">
<input type="checkbox" name="payoperator" value="3" checked="checked">⽀付宝当⾯付 </label>
</div>
</div>
复选框中name="payoperator"必须相同,复选框才会⽣效
2、复选框的赋值:
从后台取到值后要先在前端页⾯初始化(复选框都未选中)
$(“input[name=payoperator]”).attr(“checked”,false);
var detail = detaildata.pay_operator;(detaildata为从后台取到的所有数据的值,pay_operator为数据库的字段)
var split = detail.split(",");
for (var i = 0; i < split.length; i++) {
$("input[name=payoperator][value="+split[i]+"]").attr("checked","checked");
}
页⾯布局与上⽅的布局取值⼀样。
总结
到此这篇关于js中复选框的取值及赋值的⽂章就介绍到这了,更多相关js复选框的取值及赋值内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持!。