使用jQuery为复选框设置"选中"？

试试这个:

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

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

以下是使用按钮选中和取消选中的代码:

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

我们可以使用elementObjectjQuery来检查属性:

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

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

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

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

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

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

我发现没有跨度,无论你做什么,界面都不会更新.

以下是如何检查多个复选框的代码和演示...

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

另一种可能的方案

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

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

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

请注意Internet Explorer 9之前的Internet Explorer中的内存泄漏,因为jQuery文档指出:

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

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

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

要检查和取消选中

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

$('controlCheckBox').click(function(){
    var temp = $(this).prop('checked');
    $('controlledCheckBoxes').prop('checked', temp);
});

这可能是最简单,最简单的解决方案:

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

要么

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

更短的是:

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

这里也是一个jsFiddle.

简单的JavaScript非常简单,开销也少得多:

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

这里的例子

我无法使用它:

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

true和false都会选中复选框.对我有用的是:

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

当您选中复选框时;

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

这可能还不够.你也应该调用下面的函数;

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

特别是当您删除复选框选中的属性时.

这是 使用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
    });

在jQuery中,

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

要么

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

在JavaScript中,

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

如果您使用ASP.NET MVC,请生成许多复选框,然后必须使用JavaScript 选择/取消选择所有复选框,您可以执行以下操作.

HTML

@foreach (var item in Model)
{
    @Html.CheckBox(string.Format("ProductId_{0}", @item.Id), @item.IsSelected)
}

JavaScript的

function SelectAll() {       
        $('input[id^="ProductId_"]').each(function () {          
            $(this).prop('checked', true);
        });
    }

    function UnselectAll() {
        $('input[id^="ProductId_"]').each(function () {
            $(this).prop('checked', false);
        });
    }

这可能对某人有帮助.

HTML5

JavaScript的.

  function handleOnClick(){

      if($("#check_box").prop('checked'))
      {        
          console.log("current state: checked");
      }
      else
      {         
          console.log("current state: unchecked");
      }    
 }

if($('jquery_selector').is(":checked")){
  //somecode
}

$(".myCheckBox").prop("checked","checked");

$('input[name="activity[task_state]"]').val("specify the value you want to check ")