CheckBox

最新推荐文章于 2021-02-02 16:45:29 发布

原创最新推荐文章于 2021-02-02 16:45:29 发布 · 729 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

75 篇文章

订阅专栏

本文介绍了在前端开发中，如何使用三种不同的方法来判断checkbox是否被选中：通过调用$.get(0).checked, $.is(':checked')以及$.prop('checked')。这三种方法均可有效获取checkbox的状态。

checkbox如何判断是否选中

    <label for="checkbox">
      <input type="checkbox" name="checkbox" id="checkbox" />选中与否
    </label>

方法

console.log( $('#checkbox').get(0).checked );

console.log( $('#checkbox').is(':checked') );

console.log( $('#checkbox').prop('checked') );


// 上面三种方法都可以拿到。下面的方法反而拿不到。

console.log( $('#checkbox').attr('checked') );