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

我想这样做，使用jQuery勾选复选框：

$(".myCheckBox").checked(true);

$(".myCheckBox").selected(true);

这样的事情存在吗？

当前回答

2019年1月编辑

您可以使用：.prop（propertyName）-添加的版本：1.6

p｛margin:20px 0 0；｝b｛颜色：红色；｝标签｛颜色：红色；｝<!doctype html><html lang=“en”><head><meta charset=“utf-8”><script src=“https://code.jquery.com/jquery-1.10.2.js“></script></head><body><input id=“check1”type=“checkbox”checked=“checked”><label for=“check1”>检查此处</label><p></p><脚本>$（“input”）.change（函数）{var$input=$（this）；$（“p”）.html(“.attr（\”checked\“）：<b>”+$input.attr“（”checked“）+”</b><br>“+“.prop（\”checked\“）：<b>”+$input.prop（”checked“）+“</b><br>”+“.is（\”：checked \“）：<b>”+$input.is（“：checked”）+“</b>”）；}).change（）；</script></body></html>

论角度框架

示例1

在.html文件中

<input type="checkbox" (change)="toggleEditable($event)">

在.ts文件中

toggleEditable(event) {
     if ( event.target.checked ) {
         this.contentEditable = true;
    }
}

示例2

在.html文件中

<input type="checkbox" [(ngModel)]="isChecked" (change)="checkAction(isChecked ? 'Action1':'Action2')" />

2019-01-02 15:10:04

其他回答

你可以的

$('.myCheckbox').attr('checked',true) //Standards compliant

$("form #mycheckbox").attr('checked', true)

如果在onclick事件中有要激发的复选框的自定义代码，请改用此代码：

$("#mycheckbox").click();

可以通过完全删除该属性来取消选中：

$('.myCheckbox').removeAttr('checked')

您可以这样选中所有复选框：

$(".myCheckbox").each(function(){
    $("#mycheckbox").click()
});

2009-01-08 22:24:24

现代jQuery

使用.prop（）：

$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);

DOM API

如果您只使用一个元素，则始终可以访问基础HTMLInputElement并修改其.checked属性：

$('.myCheckbox')[0].checked = true;
$('.myCheckbox')[0].checked = false;

使用.prop（）和.attr（）方法代替此方法的好处是，它们将对所有匹配的元素进行操作。

jQuery 1.5.x及以下版本

.prop（）方法不可用，因此需要使用.attr（）。

$('.myCheckbox').attr('checked', true);
$('.myCheckbox').attr('checked', false);

注意，这是jQuery在1.6版之前的单元测试所使用的方法，比使用$（'.myCheckbox'）.removeAttr（'checked'）更可取；因为如果最初选中了该框，则后者会改变对.reset（）的调用在任何包含它的表单上的行为，这是一种微妙但可能不受欢迎的行为改变。

有关更多上下文，在1.6版发行说明和.prop（）文档的Attributes vs.Properties（属性与财产）部分中，可以找到一些关于从1.5.x到1.6的转换中对选中属性/属性的处理所做更改的不完整讨论。

2009-01-08 22:25:08

正如@livefree75所说：

jQuery 1.5.x及以下版本

您还可以使用新方法扩展$.fn对象：

(function($)  {
   $.fn.extend({
      check : function()  {
         return this.filter(":radio, :checkbox").attr("checked", true);
      },
      uncheck : function()  {
         return this.filter(":radio, :checkbox").removeAttr("checked");
      }
   });
}(jQuery));

但是在jQuery的新版本中，我们必须使用如下内容：

jQuery 1.6+

    (function($)  {
       $.fn.extend({
          check : function()  {
             return this.filter(":radio, :checkbox").prop("checked", true);
          },
          uncheck : function()  {
             return this.filter(":radio, :checkbox").prop("checked",false);
          }
       });
    }(jQuery));

然后你可以这样做：

    $(":checkbox").check();
    $(":checkbox").uncheck();

2016-09-23 18:43:14

下面是用按钮选中和取消选中的代码：

var set=1;
var unset=0;
jQuery( function() {
    $( '.checkAll' ).live('click', function() {
        $( '.cb-element' ).each(function () {
            if(set==1){ $( '.cb-element' ).attr('checked', true) unset=0; }
            if(set==0){ $( '.cb-element' ).attr('checked', false); unset=1; }
        });
        set=unset;
    });
});

更新：这里是使用更新的Jquery 1.6+prop方法的相同代码块，它替换了attr：

var set=1;
var unset=0;
jQuery( function() {
    $( '.checkAll' ).live('click', function() {
        $( '.cb-element' ).each(function () {
            if(set==1){ $( '.cb-element' ).prop('checked', true) unset=0; }
            if(set==0){ $( '.cb-element' ).prop('checked', false); unset=1; }
        });
        set=unset;
    });
});

2011-10-25 08:51:47

我们可以使用elementObject和jQuery来检查属性：

$(objectElement).attr('checked');

我们可以在所有jQuery版本中使用它，而不会出现任何错误。

更新：Jquery 1.6+具有替换attr的新prop方法，例如：

$(objectElement).prop('checked');

2011-06-24 08:27:21

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

推荐文章

最新文章

标签