您好,欢迎访问一九零五行业门户网

使用js判断checkbox框是否被选中以及使用js对checkbox进行操作

我们在项目中经常会遇到这个问题:使用js判断checkbox框是否被选中以及使用js对checkbox进行操作。
 其实这些需求很简单,这里给出使用原生js和jquery来完成这些需求。
一.使用原生javascript判断是否选中checkbox框<input type="checkbox" id="test" class="test">同意<script> // 获取checkbox元素 var box=document.getelementbyid("test"); // 判断是否被拒选中,选中返回true,未选中返回false alert(box.checked);</script>

二.使用原生javascript判断是否选中checkbox框<input type="checkbox" id="test" class="test">同意<script> // 获取checkbox元素 var box=document.getelementbyid("test"); // 判断是否被拒选中,选中返回true,未选中返回false alert(box.checked);</script>

三.使用原生javascript移除选中的checkbox框<input type="checkbox" id="test" class="test">同意<script> // 获取checkbox元素 var box=document.getelementbyid("test"); // 判断是否被拒选中,选中返回true,未选中返回false box.checked=false;</script>
四.使用jquery判断是否选中checkbox框<input type="checkbox" id="test" class="test">同意<script> // 选中返回true,未选中返回false $('#test').is(":checked"); // 选中返回true,未选中返回false;一定要注意,这里不可以使用attr("checked")来判断 $("#test").prop("checked")</script>
五.使用jquery设置选中checkbox框<input type="checkbox" id="test" class="test">同意<script> $("#test").prop("checked","trure") $("#test").attr("checked","true")</script>
六.使用jquery设置移除选中的checkbox框<input type="checkbox" id="test" class="test">同意<script> $("#test").prop("checked","false") $("#test").attr("checked","false")</script>
相关文章:
jquery 判断checkbox是否选中
js 判断checkbox是否选中的操作方法_基础知识
相关视频:
js#jquery宽高的理解和应用
以上就是使用js判断checkbox框是否被选中以及使用js对checkbox进行操作的详细内容。
其它类似信息

推荐信息