javascript复选框的选择

最新推荐文章于 2022-04-04 18:17:31 发布

原创最新推荐文章于 2022-04-04 18:17:31 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #复选框的隐藏和消失

本文介绍了一个简单的HTML和JavaScript代码示例，展示了如何通过按钮点击事件来切换复选框的状态，实现反选功能。代码中使用了getElementById方法获取DOM元素，并通过修改复选框的checked属性来改变其状态。

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

复选框

<body>
    <input type="checkbox" id="dianji" checked="checked">
    <input type="button" id="kuang"  value="反选"> 
</body>
<script type="text/javascript">
      var dianji = document.getElementById('dianji');
      var kuang = document.getElementById('kuang');
      
      kuang.onclick = function(){
        var ou = (Number(dianji.checked));
        ou > 0 ?dianji.checked = '' :dianji.checked = 'checked';
        console.log(ou);
            
      }

      
	

</script>

在这里插入图片描述