当前位置： 文江博客话题详情

设置“选中” 用于 jQuery 的复选框

发布于 2024-07-10 16:59:37 字数 206 浏览 11 评论 0原文

我想做这样的事情来使用jQuery勾选复选框：

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

或者

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

这样的事情存在吗？

原文

I'd like to do something like this to tick a checkbox using jQuery:

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

or

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

Does such a thing exist?

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（30）

蛮可爱 2024-07-17 16:59:37

现代 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 发行说明 和 的属性与属性部分href="https://api.jquery.com/prop" rel="noreferrer">.prop() 文档。

Modern jQuery

Use .prop():

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

DOM API

If you're working with just one element, you can always just access the underlying HTMLInputElement and modify its .checked property:

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

The benefit to using the .prop() and .attr() methods instead of this is that they will operate on all matched elements.

jQuery 1.5.x and below

The .prop() method is not available, so you need to use .attr().

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

Note that this is the approach used by jQuery's unit tests prior to version 1.6 and is preferable to using $('.myCheckbox').removeAttr('checked'); since the latter will, if the box was initially checked, change the behaviour of a call to .reset() on any form that contains it – a subtle but probably unwelcome behaviour change.

For more context, some incomplete discussion of the changes to the handling of the checked attribute/property in the transition from 1.5.x to 1.6 can be found in the version 1.6 release notes and the Attributes vs. Properties section of the .prop() documentation.

回复 原文
瞳孔里扚悲伤 2024-07-17 16:59:37

使用：

$(".myCheckbox").attr('checked', true); // Deprecated
$(".myCheckbox").prop('checked', true);

如果你想检查一个复选框是否被选中：

$('.myCheckbox').is(':checked');

Use:

$(".myCheckbox").attr('checked', true); // Deprecated
$(".myCheckbox").prop('checked', true);

And if you want to check if a checkbox is checked or not:

$('.myCheckbox').is(':checked');
回复 原文
め七分饶幸 2024-07-17 16:59:37

这是使用 jQuery 检查和取消选中复选框的正确方法，因为它是跨平台标准，并且将允许表单重新发布。

$('.myCheckBox').each(function(){ this.checked = true; });

$('.myCheckBox').each(function(){ this.checked = false; });

通过这样做，您将使用 JavaScript 标准来选中和取消选中复选框，因此任何正确实现复选框元素的“checked”属性的浏览器都将完美地运行此代码。 这应该适用于所有主流浏览器，但我无法在 Internet Explorer 9 之前进行测试。

问题 (jQuery 1.6)：

一旦用户单击某个复选框，该复选框就会停止响应“checked”属性更改。

下面是一个在有人点击复选框后复选框属性无法完成工作的示例（这种情况发生在 Chrome 中）。

Fiddle

解决方案：

通过使用 JavaScript 的“检查 DOM 元素上的“属性，我们可以直接解决问题，而不是尝试操纵 DOM 来完成我们希望它做的事情。

Fiddle

此插件将更改 jQuery 选择的任何元素的选中属性，并在所有情况下成功选中和取消选中复选框。 因此，虽然这看起来像是一个太过分的解决方案，但它将使您网站的用户体验更好，并有助于防止用户感到沮丧。

(function( $ ) {
    $.fn.checked = function(value) {
        if(value === true || value === false) {
            // Set the value of the checkbox
            $(this).each(function(){ this.checked = value; });
        } 
        else if(value === undefined || value === 'toggle') {
            // Toggle the checkbox
            $(this).each(function(){ this.checked = !this.checked; });
        }

        return this;
    };
})( jQuery );

或者，如果您不想使用插件，可以使用以下代码片段：

// Check
$(':checkbox').prop('checked', true);

// Un-check
$(':checkbox').prop('checked', false);

// Toggle
$(':checkbox').prop('checked', function (i, value) {
    return !value;
});

This is the correct way of checking and unchecking checkboxes with jQuery, as it is cross-platform standard, and will allow form reposts.

$('.myCheckBox').each(function(){ this.checked = true; });

$('.myCheckBox').each(function(){ this.checked = false; });

By doing this, you are using JavaScript standards for checking and unchecking checkboxes, so any browser that properly implements the "checked" property of the checkbox element will run this code flawlessly. This should be all major browsers, but I am unable to test previous to Internet Explorer 9.

The Problem (jQuery 1.6):

Once a user clicks on a checkbox, that checkbox stops responding to the "checked" attribute changes.

Here is an example of the checkbox attribute failing to do the job after someone has clicked the checkbox (this happens in Chrome).

Fiddle

The Solution:

By using JavaScript's "checked" property on the DOM elements, we are able to solve the problem directly, instead of trying to manipulate the DOM into doing what we want it to do.

Fiddle

This plugin will alter the checked property of any elements selected by jQuery, and successfully check and uncheck checkboxes under all circumstances. So, while this may seem like an over-bearing solution, it will make your site's user experience better, and help prevent user frustration.

(function( $ ) {
    $.fn.checked = function(value) {
        if(value === true || value === false) {
            // Set the value of the checkbox
            $(this).each(function(){ this.checked = value; });
        } 
        else if(value === undefined || value === 'toggle') {
            // Toggle the checkbox
            $(this).each(function(){ this.checked = !this.checked; });
        }

        return this;
    };
})( jQuery );

Alternatively, if you do not want to use a plugin, you can use the following code snippets:

// Check
$(':checkbox').prop('checked', true);

// Un-check
$(':checkbox').prop('checked', false);

// Toggle
$(':checkbox').prop('checked', function (i, value) {
    return !value;
});
回复 原文
念三年u 2024-07-17 16:59:37

您可以执行

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

以下操作： 或

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

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

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

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

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

您可以选中所有复选框，如下所示：

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

You can do

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

or

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

If you have custom code in the onclick event for the checkbox that you want to fire, use this one instead:

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

You can uncheck by removing the attribute entirely:

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

You can check all checkboxes like this:

$(".myCheckbox").each(function(){
    $("#mycheckbox").click()
});
回复 原文
懵少女 2024-07-17 16:59:37

您还可以使用新方法扩展 $.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() ，以防您使用其他使用这些名称的库。

You can also extend the $.fn object with new methods:

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

Then you can just do:

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

Or you may want to give them more unique names like mycheck() and myuncheck() in case you use some other library that uses those names.

回复 原文
左秋 2024-07-17 16:59:37
$("#mycheckbox")[0].checked = true;
$("#mycheckbox").attr('checked', true);
$("#mycheckbox").click();

最后一个将触发复选框的单击事件，其他则不会。
因此，如果您在要触发的复选框的 onclick 事件中有自定义代码，请使用最后一个。

$("#mycheckbox")[0].checked = true;
$("#mycheckbox").attr('checked', true);
$("#mycheckbox").click();

The last one will fire the click event for the checkbox, the others will not.
So if you have custom code in the onclick event for the checkbox that you want to fire, use the last one.

回复 原文
绳情 2024-07-17 16:59:37

要选中一个复选框，您应该使用

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

或

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

，要取消选中一个复选框，您应该始终将其设置为 false：

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

如果您

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

这样做，它会一起删除该属性，因此您将无法重置表单。

糟糕的演示 jQuery 1.6。 我认为这已经被打破了。 对于 1.6，我将就此发表一篇新文章。

新的工作演示 jQuery 1.5.2 可在 Chrome 中运行。

两个演示都使用

$('#tc').click(function() {
    if ( $('#myCheckbox').attr('checked')) {
        $('#myCheckbox').attr('checked', false);
    } else {
        $('#myCheckbox').attr('checked', 'checked');
    }
});

To check a checkbox you should use

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

or

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

and to uncheck a check box you should always set it to false:

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

If you do

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

it removes the attribute all together and therefore you will not be able to reset the form.

BAD DEMO jQuery 1.6. I think this is broken. For 1.6 I am going to make a new post on that.

NEW WORKING DEMO jQuery 1.5.2 works in Chrome.

Both demos use

$('#tc').click(function() {
    if ( $('#myCheckbox').attr('checked')) {
        $('#myCheckbox').attr('checked', false);
    } else {
        $('#myCheckbox').attr('checked', 'checked');
    }
});
回复 原文
无远思近则忧 2024-07-17 16:59:37

这将选择具有指定属性且其值包含给定子字符串“ckbItem”的元素：

$('input[name *= ckbItem]').prop('checked', true);

它将选择其 name 属性中包含 ckbItem 的所有元素。

This selects elements that have the specified attribute with a value containing the given substring "ckbItem":

$('input[name *= ckbItem]').prop('checked', true);

It will select all elements that contain ckbItem in its name attribute.

回复 原文
落日海湾 2024-07-17 16:59:37

假设问题是...

如何按值检查复选框集？

请记住，在典型的复选框集中，所有输入标记都具有相同的名称，它们的属性不同value：集合中的每个输入都没有 ID。

Xian 的答案可以使用以下代码行通过更具体的选择器进行扩展：

$("input.myclass[name='myname'][value='the_value']").prop("checked", true);

Assuming that the question is...

How do I check a checkbox-set BY VALUE?

Remember that in a typical checkbox set, all input tags have the same name, they differ by the attribute value: there are no ID for each input of the set.

Xian's answer can be extended with a more specific selector, using the following line of code:

$("input.myclass[name='myname'][value='the_value']").prop("checked", true);
回复 原文
心不设防 2024-07-17 16:59:37

我缺少解决方案。 我将永远使用：

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

I'm missing the solution. I'll always use:

if ($('#myCheckBox:checked').val() !== undefined)
{
    //Checked
}
else
{
    //Not checked
}
回复 原文
一片旧的回忆 2024-07-17 16:59:37

要使用 jQuery 1.6 或更高版本检查复选框，只需执行以下操作：

checkbox.prop('checked', true);

要取消选中，请使用：

checkbox.prop('checked', false);

以下是我喜欢使用 jQuery 切换复选框的方法：

checkbox.prop('checked', !checkbox.prop('checked'));

如果您使用的是 jQuery 1.5 或更低：

checkbox.attr('checked', true);

要取消选中，请使用：

checkbox.attr('checked', false);

To check a checkbox using jQuery 1.6 or higher just do this:

checkbox.prop('checked', true);

To uncheck, use:

checkbox.prop('checked', false);

Here' s what I like to use to toggle a checkbox using jQuery:

checkbox.prop('checked', !checkbox.prop('checked'));

If you're using jQuery 1.5 or lower:

checkbox.attr('checked', true);

To uncheck, use:

checkbox.attr('checked', false);
回复 原文
我也只是我 2024-07-17 16:59:37

这是一种不使用 jQuery 的方法

function addOrAttachListener(el, type, listener, useCapture) {
  if (el.addEventListener) {
    el.addEventListener(type, listener, useCapture);
  } else if (el.attachEvent) {
    el.attachEvent("on" + type, listener);
  }
};

addOrAttachListener(window, "load", function() {
  var cbElem = document.getElementById("cb");
  var rcbElem = document.getElementById("rcb");
  addOrAttachListener(cbElem, "click", function() {
    rcbElem.checked = cbElem.checked;
  }, false);
}, false);
<label>Click Me!
  <input id="cb" type="checkbox" />
</label>
<label>Reflection:
  <input id="rcb" type="checkbox" />
</label>

Here is a way to do it without jQuery

function addOrAttachListener(el, type, listener, useCapture) {
  if (el.addEventListener) {
    el.addEventListener(type, listener, useCapture);
  } else if (el.attachEvent) {
    el.attachEvent("on" + type, listener);
  }
};

addOrAttachListener(window, "load", function() {
  var cbElem = document.getElementById("cb");
  var rcbElem = document.getElementById("rcb");
  addOrAttachListener(cbElem, "click", function() {
    rcbElem.checked = cbElem.checked;
  }, false);
}, false);
<label>Click Me!
  <input id="cb" type="checkbox" />
</label>
<label>Reflection:
  <input id="rcb" type="checkbox" />
</label>

回复 原文
一瞬间的火花 2024-07-17 16:59:37

以下是使用按钮进行选中和取消选中的代码：

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;
    });
});

Here is code for checked and unchecked with a button:

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;
    });
});

Update: Here is the same code block using the newer Jquery 1.6+ prop method, which replaces 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;
    });
});
回复 原文
丧 2024-07-17 16:59:37

尝试这个：

$('#checkboxid').get(0).checked = true;  //For checking

$('#checkboxid').get(0).checked = false; //For unchecking

Try this:

$('#checkboxid').get(0).checked = true;  //For checking

$('#checkboxid').get(0).checked = false; //For unchecking
回复 原文
做个ˇ局外人 2024-07-17 16:59:37

我们可以将 elementObject 与 jQuery 一起使用来检查属性：

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

我们可以将其用于所有 jQuery 版本，而不会出现任何错误。

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

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

We can use elementObject with jQuery for getting the attribute checked:

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

We can use this for all jQuery versions without any error.

Update: Jquery 1.6+ has the new prop method which replaces attr, e.g.:

$(objectElement).prop('checked');
回复 原文
血之狂魔 2024-07-17 16:59:37

如果您使用 PhoneGap 进行应用程序开发，并且您在按钮上有一个想要立即显示的值，请记住这样做

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

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

If you are using PhoneGap doing application development, and you have a value on the button that you want to show instantly, remember to do this

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

I found that without the span, the interface will not update no matter what you do.

回复 原文
街道布景 2024-07-17 16:59:37

这是如何选中多个复选框的代码和演示...

http://jsfiddle.net/tamilmani/z8TTt/

$("#check").on("click", function () {

    var chk = document.getElementById('check').checked;
    var arr = document.getElementsByTagName("input");

    if (chk) {
        for (var i in arr) {
            if (arr[i].name == 'check') arr[i].checked = true;
        }
    } else {
        for (var i in arr) {
            if (arr[i].name == 'check') arr[i].checked = false;
        }
    }
});

Here is the code and demo for how to check multiple check boxes...

http://jsfiddle.net/tamilmani/z8TTt/

$("#check").on("click", function () {

    var chk = document.getElementById('check').checked;
    var arr = document.getElementsByTagName("input");

    if (chk) {
        for (var i in arr) {
            if (arr[i].name == 'check') arr[i].checked = true;
        }
    } else {
        for (var i in arr) {
            if (arr[i].name == 'check') arr[i].checked = false;
        }
    }
});
回复 原文
眉黛浅 2024-07-17 16:59:37

另一种可能的解决方案：

    var c = $("#checkboxid");
    if (c.is(":checked")) {
         $('#checkboxid').prop('checked', false);
    } else {
         $('#checkboxid').prop('checked', true);
    }

Another possible solution:

    var c = $("#checkboxid");
    if (c.is(":checked")) {
         $('#checkboxid').prop('checked', false);
    } else {
         $('#checkboxid').prop('checked', true);
    }
回复 原文
假装不在乎 2024-07-17 16:59:37

正如 @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();

As @livefree75 said:

jQuery 1.5.x and below

You can also extend the $.fn object with new methods:

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

But in new versions of jQuery, we have to use something like this:

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));

Then you can just do:

    $(":checkbox").check();
    $(":checkbox").uncheck();
回复 原文
箜明 2024-07-17 16:59:37

对于 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');

For jQuery 1.6+

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

For jQuery 1.5.x and below

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

To check,

$('.myCheckbox').removeAttr('checked');
回复 原文
空城缀染半城烟沙 2024-07-17 16:59:37

如果使用移动设备并且您希望界面更新并将复选框显示为未选中，请使用以下命令：

$("#checkbox1").prop('checked', false).checkboxradio("refresh");

If using mobile and you want the interface to update and show the checkbox as unchecked, use the following:

$("#checkbox1").prop('checked', false).checkboxradio("refresh");
回复 原文
冬天的雪花 2024-07-17 16:59:37

选中和取消选中

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

To check and uncheck

$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);
回复 原文
风向决定发型 2024-07-17 16:59:37

请注意 Internet Explorer 9 之前的 Internet Explorer 中的内存泄漏，因为 jQuery 文档状态：

在 Internet Explorer 9 之前的版本中，使用 .prop() 设置 DOM
元素属性为除简单原始值之外的任何内容
如果该属性（数字、字符串或布尔值）可能导致内存泄漏
在删除 DOM 元素之前未删除（使用 .removeProp()）
从文档中。 在没有内存的情况下安全地在 DOM 对象上设置值
泄漏，请使用.data()。

Be aware of memory leaks in Internet Explorer prior to Internet Explorer 9, as the jQuery documentation states:

In Internet Explorer prior to version 9, using .prop() to set a DOM
element property to anything other than a simple primitive value
(number, string, or boolean) can cause memory leaks if the property is
not removed (using .removeProp()) before the DOM element is removed
from the document. To safely set values on DOM objects without memory
leaks, use .data().

回复 原文
薄荷梦 2024-07-17 16:59:37
$('controlCheckBox').click(function(){
    var temp = $(this).prop('checked');
    $('controlledCheckBoxes').prop('checked', temp);
});

$('controlCheckBox').click(function(){
    var temp = $(this).prop('checked');
    $('controlledCheckBoxes').prop('checked', temp);
});
回复 原文
不念旧人 2024-07-17 16:59:37

这可能是最短和最简单的解决方案：

$(".myCheckBox")[0].checked = true;

或者

$(".myCheckBox")[0].checked = false;

更短的是：

$(".myCheckBox")[0].checked = !0;
$(".myCheckBox")[0].checked = !1;

Here is a jsFiddle 也是如此。

This is probably the shortest and easiest solution:

$(".myCheckBox")[0].checked = true;

or

$(".myCheckBox")[0].checked = false;

Even shorter would be:

$(".myCheckBox")[0].checked = !0;
$(".myCheckBox")[0].checked = !1;

Here is a jsFiddle as well.

回复 原文
难忘№最初的完美 2024-07-17 16:59:37

纯 JavaScript 非常简单，开销也少得多：

var elements = document.getElementsByClassName('myCheckBox');
for(var i = 0; i < elements.length; i++)
{
    elements[i].checked = true;
}

示例如下

Plain JavaScript is very simple and much less overhead:

var elements = document.getElementsByClassName('myCheckBox');
for(var i = 0; i < elements.length; i++)
{
    elements[i].checked = true;
}

Example here

回复 原文
柠檬色的秋千 2024-07-17 16:59:37

当您选中类似的复选框时；

$('.className').attr('checked', 'checked')

这可能还不够。 您还应该调用下面的函数；

$('.className').prop('checked', 'true')

特别是当您删除了复选框选中属性时。

When you checked a checkbox like;

$('.className').attr('checked', 'checked')

it might not be enough. You should also call the function below;

$('.className').prop('checked', 'true')

Especially when you removed the checkbox checked attribute.

回复 原文
挽袖吟 2024-07-17 16:59:37

我无法使用它来工作：

$("#cb").prop('checked', 'true');
$("#cb").prop('checked', 'false');

true 和 false 都会选中该复选框。 对我有用的是：

$("#cb").prop('checked', 'true'); // For checking
$("#cb").prop('checked', '');     // For unchecking

I couldn't get it working using:

$("#cb").prop('checked', 'true');
$("#cb").prop('checked', 'false');

Both true and false would check the checkbox. What worked for me was:

$("#cb").prop('checked', 'true'); // For checking
$("#cb").prop('checked', '');     // For unchecking
回复 原文
财迷小姐 2024-07-17 16:59:37

这是完整的答案
使用 jQuery

我测试了它，它可以 100% 工作：D

    // when the button (select_unit_button) is clicked it returns all the checed checkboxes values 
    $("#select_unit_button").on("click", function(e){

             var arr = [];

             $(':checkbox:checked').each(function(i){
                 arr[i] = $(this).val(); // u can get id or anything else
             });

              //console.log(arr); // u can test it using this in google chrome
    });

Here's the complete answer
using jQuery

I test it and it works 100% :D

    // when the button (select_unit_button) is clicked it returns all the checed checkboxes values 
    $("#select_unit_button").on("click", function(e){

             var arr = [];

             $(':checkbox:checked').each(function(i){
                 arr[i] = $(this).val(); // u can get id or anything else
             });

              //console.log(arr); // u can test it using this in google chrome
    });
回复 原文
动听の歌 2024-07-17 16:59:37

在 jQuery

if($("#checkboxId").is(':checked')){
    alert("Checked");
}

或

if($("#checkboxId").attr('checked')==true){
    alert("Checked");
}

JavaScript 中，

if (document.getElementById("checkboxID").checked){
    alert("Checked");
}

In jQuery,

if($("#checkboxId").is(':checked')){
    alert("Checked");
}

or

if($("#checkboxId").attr('checked')==true){
    alert("Checked");
}

In JavaScript,

if (document.getElementById("checkboxID").checked){
    alert("Checked");
}
回复 原文
~没有更多了~

关于作者

穿透光

暂无简介

0 文章
0 评论
24 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

1CH1MKgiKxn9p

文章 0 评论 0

ゞ记忆︶ㄣ

文章 0 评论 0

JackDx

文章 0 评论 0

信远

文章 0 评论 0

yaoduoduo1995

文章 0 评论 0

霞映澄塘

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文