javascript set - Тестирование, если флажок установлен с помощью jQuery




attribute data (17)

Попробуй это

$('input:checkbox:checked').click(function(){
    var val=(this).val(); // it will get value from checked checkbox;
})

Здесь флаг имеет значение true, если отмечено иначе false

var flag=$('#ans').attr('checked');

Опять это сделает cheked

$('#ans').attr('checked',true);

Если флажок установлен, тогда мне нужно только получить значение как 1; в противном случае мне нужно получить его как 0. Как мне это сделать с помощью jQuery?

$("#ans").val() всегда дает мне право в этом случае:

<input type="checkbox" id="ans" value="1" />

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

$("#ans option:selected").val()

. $ ( 'Вход [ID = ANS]') является ( ': проверено');


function chkb(bool){
if(bool)
return 1;
return 0;
}

var statusNum=chkb($("#ans").is(':checked'));

statusNum будет равен 1, если флажок установлен, а 0 - нет.

EDIT: вы также можете добавить DOM к функции.

function chkb(el){
if(el.is(':checked'))
return 1;
return 0;
}

var statusNum=chkb($("#ans"));

Вы можете получить значение (true / false) этими двумя способами

$("input[type='checkbox']").prop("checked");
$("input[type='checkbox']").is(":checked");

Ответ Штефана Бринкмана превосходный, но неполный для новичков (опускает переменное назначение). Просто для ясности:

// this structure is called a ternary operator
var cbAns = ( $("#ans").is(':checked') ) ? 1 : 0;

Он работает следующим образом:

 var myVar = ( if test goes here ) ? 'ans if yes' : 'ans if no' ;

Пример:

var myMath = ( 1 > 2 ) ? 'yes' : 'no' ;
alert( myMath );

Оповещения «нет»

Если это будет полезно, пожалуйста, поддержите ответ Стефана Бринкманна.


Сначала проверьте, что значение проверено

$("#ans").find("checkbox").each(function(){
    if ($(this).prop('checked')==true){ 
    var id = $(this).val()
    }
});

Else установить значение 0



Есть несколько вариантов, таких как ....

 1. $("#ans").is(':checked') 
 2. $("#ans:checked")
 3. $('input:checkbox:checked'); 

Если все эти опции возвращают true, вы можете установить значение accourdingly.


$("#ans").attr('checked') 

скажет вам, проверено ли оно. Вы также можете использовать второй параметр true / false для проверки / снятия флажка.

$("#ans").attr('checked', true);

Для комментариев используйте prop а не attr когда они доступны. Например:

$("#ans").prop('checked')

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

var ansValue = $("#ans").prop('checked') ? $("#ans").val() : 0;

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

Когда я пробовал .attr(':checked') он возвращал checked но мне нужно значение boolean и возвращаемое значение значения .val() значения атрибута.


Если вы хотите, чтобы целое значение проверено или не пыталось:

$ ( "# анс: проверено") длина.


 $("#id").prop('checked') === true ? 1 : 0;

$('input:checkbox:checked').val();        // get the value from a checked checkbox

Вы можете попробовать следующее:

$('#studentTypeCheck').is(":checked");

Я уже нашел ту же проблему, надеюсь, что это решение может вам помочь. во-первых, добавьте настраиваемый атрибут в свои флажки:

<input type="checkbox" id="ans" value="1" data-unchecked="0" />

напишите расширение jQuery для получения значения:

$.fn.realVal = function(){
    var $obj = $(this);
    var val = $obj.val();
    var type = $obj.attr('type');
    if (type && type==='checkbox') {
        var un_val = $obj.attr('data-unchecked');
        if (typeof un_val==='undefined') un_val = '';
        return $obj.prop('checked') ? val : un_val;
    } else {
        return val;
    }
};

используйте код для получения значения check-box:

$('#ans').realVal();

вы можете проверить here


Также здесь есть тернарное условное выражение для проверки состояния элемента, а затем для его переключения:

$('someElement').on('click', function(){ $('elementToToggle').is(':visible') ? $('elementToToggle').hide('slow') : $('elementToToggle').show('slow'); });






javascript jquery checkbox jquery-selectors