回答

收藏

使用 jQuery 为复选框设置“checked”

技术问答 技术问答 222 人阅读 | 0 人回复 | 2023-09-11

我想做这样的事checkbox使用jQuery打勾:
; i" Y0 P0 M& O4 O7 J( g
    $(".myCheckBox").checked(true);
    3 z* i9 }3 C. w) Q- z+ c
或者
) |3 W: m5 W' w
    $(".myCheckBox").selected(true);; V. d) C8 o! L7 V/ @
这样的事情存在吗?' G/ z" F7 N5 u; i  M5 ]8 U) r9 t
                                                                ( F" j3 f# T7 g4 O5 Y! u
    解决方案:                                                                * {  L& P% c' j: x
                                                                Modern jQuery使用.prop():
1 x+ p6 k) A* m9 z& C
    $('.myCheckbox').prop('checked',true);$('.myCheckbox').prop('checked',false);6 |8 g- h* v  U+ I6 E4 e6 p8 c9 H) b
DOM API如果只使用一个元素,总能访问底层HTMLInputElement并修改其.checked属性:
. E0 H- d/ a: I# D9 w1 P7 @
    $('.myCheckbox')[0].checked = true;$('.myCheckbox')[0].checked = false;) [: c/ v8 J8 i4 {4 M6 Y$ }' N, z
使用.prop()and.attr()取代 的方法this其优点是它们将操作所有匹配元素。( X" L7 ]0 V, E8 q0 \# i& K3 H
jQuery 1.5.x 及以下该.prop()方法不可用,需要使用.attr().
7 z3 k2 |7 I) M: j+ n$ a. a
    $('.myCheckbox').attr('checked',true);$('.myCheckbox').attr('checked',false);6 I5 Y4 w* u% h+ @6 [
请注意,这是jQuery 1.6 版前单元测试使用方法,最好使用,$('.myCheckbox').removeAttr('checked);因为如果最初选择了这个框,后者将被更改.reset()调用其任何表单的行为- 微妙但可能不受欢迎的行为变化。
" X: f' ^" {5 R/ r更多上下文,checked可以在1.6 版发行说明和文档Attributes vs. Properties从 1部分找到相关从 1部分.5.x 到 1.6 过渡中对属性/属性处理变化的一些不完整讨论。.prop()
分享到:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则