我们在项目中经常会遇到这个问题:使用js判断checkbox框是否被选中以及使用js对checkbox进行操作。 其实这些需求很简单,这里给出使用原生js和jQuery来完成这些需求。
<input type="checkbox" id="test" class="test">同意<script> // 获取checkbox元素 var box=document.getElementById("test"); // 判断是否被拒选中,选中返回true,未选中返回false alert(box.checked);</script>
<input type="checkbox" id="test" class="test">同意<script> // 获取checkbox元素 var box=document.getElementById("test"); // 判断是否被拒选中,选中返回true,未选中返回false alert(box.checked);</script>
<input type="checkbox" id="test" class="test">同意<script> // 获取checkbox元素 var box=document.getElementById("test"); // 判断是否被拒选中,选中返回true,未选中返回false box.checked=false;</script>
<input type="checkbox" id="test" class="test">同意<script> // 选中返回true,未选中返回false $('#test').is(":checked"); // 选中返回true,未选中返回false;一定要注意,这里不可以使用attr("checked")来判断 $("#test").prop("checked")</script>
<input type="checkbox" id="test" class="test">同意<script> $("#test").prop("checked","trure") $("#test").attr("checked","true")</script>
<input type="checkbox" id="test" class="test">同意<script> $("#test").prop("checked","false") $("#test").attr("checked","false")</script>
相关文章:
相关视频:
以上就是使用js判断checkbox框是否被选中以及使用js对checkbox进行操作的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号