如何用JS控制复选框选中,element.checked

来源:互联网 发布:hgkp软件 编辑:程序博客网 时间:2024/06/05 08:59
  1. 整体简介

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

  2. 所需工具/原料

    原生javascript.

  3. 方法/步骤

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

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

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


  4. // 设置元素为选中状态
    el.checked = true;
    // 设置元素为未选中状态
    el.checked = false;
  5. 注意事项

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

1 0
原创粉丝点击