Question

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

Answer 1

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

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

   

function check(){
  var checkbox = document.getElementById('test');//
  alert(checkbox.checked);//是否被选中
  if(checkbox.checked){
    //选中了
  }else{
     //没选中
  }
}

   

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

Answer 2

1. 整体简介

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

2. 所需工具/原料

   原生javascript.

3. 方法/步骤

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

   var el = document.getElementById('元素ID')

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

   
   

   // 设置元素为选中状态
   el.checked = true;
   // 设置元素为未选中状态
   el.checked = false;

4. 注意事项

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