checkbox 通过onclick事件替换选中的“on”值，设置选中值为1，取消选中，设置其值为0 的简单方法

huanle_yhl

于 2016-10-13 00:32:37 发布

阅读量6.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：很菜的前端小点

本文链接：https://blog.youkuaiyun.com/huanle_yhl/article/details/52802644

2 篇文章

订阅专栏

本文介绍了一种在HTML中使用Checkbox时，如何通过设置onclick事件来动态改变Checkbox的值的方法。具体实现是在input属性中添加onclick事件，使得Checkbox被选中时其值为1，未选中时值为0。

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

在input属性中添加onclick事件：onclick="this.value=this.checked?1:0"

举例：

<input type="checkbox" name="hasPopupMsg1"  #if($!hasPopupMsg1 == 1)checked="checked" #end onclick="this.value=this.checked?1:0">

测试结果：