bootstrap：改变modal中复选框，未保存情况下复选框会保留更改

superYe7

于 2019-06-27 14:45:31 发布

阅读量374

点赞数

CC 4.0 BY-SA版权

分类专栏： bootstrap 文章标签： checkbox bootstrap

本文链接：https://blog.youkuaiyun.com/superYe7/article/details/93875744

bootstrap 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了一种更简洁的JavaScript代码写法，用于同步checkbox的状态。通过使用三元运算符，避免了不必要的代码重复，并确保了即使未显式设置为false，checkbox的checked属性也能正确反映其状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

if (checkbox_1 === true){
   $("input[name=box_1]").prop("checked", true)
}
if (checkbox_2 === true){
   $("input[name=box_2]").prop("checked", true)
}

改为：

$("input[name=box_1]").prop("checked", checkbox_1 === true);
$("input[name=box_2]").prop("checked", checkbox_2 === true);

因为在第一个代码块中未给checkbox设置false，只设置了true，所以即使未保存checked属性也被修改了。