установка “проверено” для checkbox с помощью jquery?

checkboxв jquery

я хотел бы сделать что-то вроде этого клеща с помощью :

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

или

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

разве такая штука существует?

Ответ 1

современная библиотека jquery

.prop()

использование :

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

api модели dom

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

the approach used by jquery's unit tests prior to version 1.6$('.mycheckbox').removeattr('checked');.reset()

обратите внимание, что это и является предпочтительным для использования, поскольку последняя будет, если коробка изначально проверил, изменения поведения вызов на какой-либо форме, в которой он содержится – тонкий, но, вероятно, нежелательные изменения в поведении.

checkedversion 1.6 release notesатрибуты и свойства.prop() documentation

для получения дополнительной контексте, некоторые неполные обсуждение изменений к обработке атрибута/свойства при переходе с 1.5.x до 1.6 можно найти в разделе .

Ответ 2

использование:

$(".mycheckbox").attr('checked', true); // deprecated$(".mycheckbox").prop('checked', true);

и если вы хотите проверить, если установлен флажок или нет:

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

Ответ 3

will

это правильный способ проверки и снятия чекбоксов с помощью jquery, так как он является кросс-платформенным стандартом, и позволяет форма репостов.

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

should

делая это, вы используете стандарты javascript для проверки и сняв флажки, так что любой браузер, который правильно реализует "проверил" свойства элемента флажок запустить этот код безупречно. это все основные браузеры, но я не в состоянии проверить предыдущие в интернет эксплорер 9.

проблема

(в jquery 1.6):

после того, как пользователь нажимает на флажок, что флажок перестает реагировать на "проверено" изменения атрибутов.

clicked

вот пример атрибута флажок не в состоянии выполнить задание после того, как кто-то флажок (это происходит в chrome).

<а href="http://jsfiddle.net/xixonia/zgcrb/">скрипкаврешение:domwant

с помощью "проверено в javascript" собственность на элементы, мы в состоянии решить проблему напрямую, а не пытаться манипулировать dom в то, что мы делаем это делать.

fiddle

этот плагин будет изменять свойство checked каких-либо элементов, выбранных 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;});

Ответ 4

вы можете сделать

$('.mycheckbox').attr('checked',true) //standards compliant

или

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

если у вас есть пользовательский код в событие onclick для флажка, что вы хотите огонь, вместо того, чтобы использовать этот:

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

вы можете снять путем удаления полностью атрибута:

$('.mycheckbox').removeattr('checked')

вы можете проверить все флажки так:

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

Ответ 5

вы также можете продлить $.объект 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() в случае, если вы используете какой-либо другой библиотеки, которая использует эти имена.

Ответ 6

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

последняя огонь события click для элемента checkbox, остальные не будут.так что если у вас есть пользовательский код в событие onclick для флажка, что вы хотите огонь, использовать последний.

Ответ 7

чтобы проверить флажок, вы должны использовать

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

или

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

и чтобы снять флажок, вы всегда должны установить его в значение false:

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

если у вас

  $('.mycheckbox').removeattr('checked')

он удаляет атрибут всех вместе и поэтому вы не сможете сбросить форму.

bad demo jquery 1.6

. я думаю, что это сломано. для 1.6 я собираюсь сделать новый пост о том, что.

new working demo jquery 1.5.2

работает в chrome.

обе демки использовать

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

Ответ 8

это выбирает элементы, которые имеют указанный атрибут со значением, содержащие определенную подстроку "ckbitem":

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

это позволит выбрать все элементы, которые содержат ckbitem в атрибуте name.

Ответ 9

предполагая, что вопрос...

по значению?

как проверить галку-установить

они различаются по атрибут <код>значение

помните, что в типичном поставьте галочку, ввода все теги имеют одинаковое имя, : нет id для каждого входного набора.

more specific selector

ответ сиань можно будет расширить , используя следующую строку кода:

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

Ответ 10

мне не хватает решения. я всегда буду использовать:

if ($('#mycheckbox:checked').val() !== undefined){    //checked}else{    //not checked}

Ответ 11

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

Ответ 12

вот способ сделать это без 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>

Ответ 13

попробуйте это:

$('#checkboxid').get(0).checked = true;  //for checking$('#checkboxid').get(0).checked = false; //for unchecking

Ответ 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 способ опоры, которая заменяет атр:

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

Ответ 15

elementobject

мы можем использовать jquery для получения атрибута проверено:

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

мы можем использовать это на весь jquery версии без каких-либо ошибок.

обновление: jquery 1.6 новый метод prop, который заменяет привлекательными, например:

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

Ответ 16

phonegap

если вы используете разработке приложений, и у вас есть значение на кнопку, что вы хотите показать мгновенно, помните об этом

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

я обнаружил, что без пролете, интерфейс не обновление неважно, что вы делаете.

Ответ 17

вот код и демо для как проверить несколько флажков...

<а href="http://jsfiddle.net/tamilmani/z8ttt/">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;        }    }});

Ответ 18

другим возможным решением:

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

Ответ 19

если вы используете мобильный телефон, и вы хотите, чтобы интерфейс, чтобы обновить и показать флажок, как непроверенные, используйте следующие:

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

Ответ 20

internet explorer 9 jquery documentation states

быть в курсе утечки памяти в internet explorer до , как :

в internet explorer до версии 9, используя .опоры() для задания свойства элемента dom для ничего другого, чем простое примитивное значение (число, строку или булево) может привести к утечке памяти, если объект не удаляется (через .removeprop()) прежде чем dom-элемент удаляется из документа. чтобы безопасно установить значения на объектах дом без утечек памяти, использования .данных().

Ответ 21

для 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');

Ответ 22

чтобы проверить и снимите

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

Ответ 23

как @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();

Ответ 24

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

Ответ 25

это, наверное, самое короткое и простое решение:

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

или

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

еще короче будет:

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

a jsfiddle

вот как хорошо.

Ответ 26

простой javascript очень прост и гораздо меньше накладных расходов:

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

example here

Ответ 27

я не мог заставить его работать, используя:

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

и правда, и неправда будет установить флажок. что работал для меня было:

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

Ответ 28

когда проверяли галку как

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

этого может быть недостаточно. вы также должны вызвать функцию ниже

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

особенно, когда вы сняли флажок атрибута.

Ответ 29

вот полный ответ

с помощью jquery

я это проверил и это работает 100% :д

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