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

Question

如题所述

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

整体简介

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


所需工具/原料

原生javascript.

方法/步骤

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

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

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




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

注意事项

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