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

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

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

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

这样的事情存在吗？

当前回答

你可以这样做，如果你有身份证来检查它

document.getElementById（'ElementId'）.checked=false

这个要取消选中

document.getElementById（'ElementId'）.checked=真

2020-12-04 12:15:43

其他回答

我错过了解决方案。我将始终使用：

if ($('#myCheckBox:checked').val() !== undefined)
{
    //Checked
}
else
{
    //Not checked
}

2012-06-24 11:33:42

对于jQuery 1.6+

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

对于jQuery 1.5.x及以下版本

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

为了检查，

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

2015-04-21 10:29:07

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

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

然后你可以这样做：

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

或者，如果您使用其他使用这些名称的库，您可能希望为它们提供更多的唯一名称，如mycheck（）和myuncheck（）。

2010-08-20 18:19:03

如果您正在使用PhoneGap进行应用程序开发，并且您想立即显示按钮上的值，请记住执行此操作

$('span.ui-[controlname]',$('[id]')).text("the value");

我发现，如果没有跨度，无论你做什么，界面都不会更新。

2012-04-17 06:34:33

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

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

推荐文章

最新文章

标签