如何用js的函数控制checkbox是否被选中

发布网友 发布时间：2022-04-21 09:37

我来回答

共3个回答

懂视网 时间：2022-05-14 21:24

一.使用原生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宽高的理解和应用

热心网友 时间：2022-05-14 18:32

<input type="checkbox" id="test" /> 这是要给checkbox

<button onclick='check()'>test</butto

checked属性就是用来表示是否选中的

热心网友 时间：2022-05-14 19:50

整体简介

Html元素中的checkbox和radio有一个checked的属性，可以用来设置对应元素的选中状态。当元素具有该checked属性时表示选中，否则表示未选中。

所需工具/原料

原生javascript.

方法/步骤

1) 通过js的元素选择器选择对应的元素DOM对象，如通过通过元素ID方式获:

2) 获取到DOM对象后，可以通过设置该对象的checked属性来修改其选中状态：

注意事项

如果是通过jQuery则可以直接使用$('#元素ID').attr('checked', true)，如果设置为未选中则后面值改为false即可。