program story

jQuery로 확인란이 선택되었는지 테스트

inputbox 2020. 10. 3. 10:37
반응형

jQuery로 확인란이 선택되었는지 테스트


확인란이 선택되어 있으면 값을 1로만 가져 오면됩니다. 그렇지 않으면 0으로 가져와야합니다. jQuery를 사용하여 어떻게해야합니까?

$("#ans").val() 이 경우 항상 하나의 권리를 제공합니다.

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

사용 .is(':checked')이 확인하고 그에 따라 값이 설정되어 있는지 여부를 결정합니다.

여기에 더 많은 정보가 있습니다.


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

확인되면 알려줍니다. 두 번째 매개 변수 true / false를 사용하여 확인란을 선택 / 선택 취소 할 수도 있습니다.

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

댓글 당 사용 가능한 경우 prop대신 attr사용하십시오. 예 :

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

그냥 사용 $(selector).is(':checked')

부울 값을 반환합니다.


// use ternary operators
$("#ans").is(':checked') ? 1 : 0;

Stefan Brinkmann의 대답은 훌륭하지만 초보자에게는 불완전합니다 (변수 할당 생략). 다시 한번 확인하기 위해:

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

'아니요'경고

이것이 도움이된다면 Stefan Brinkmann의 답변에 찬성표를 보내주십시오.


이것을 시도 할 수 있습니다.

$('#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;
    }
};

코드를 사용하여 확인란 값을 가져옵니다.

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

여기서 테스트 할 수 있습니다


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

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

Jquery : var test= $("#ans").is(':checked')true 또는 false를 반환합니다.

귀하의 기능에서 :

$test =($request->get ( 'test' )== "true")? '1' : '0';

다음을 사용할 수도 있습니다.

$("#ans:checked").length == 1;

사용하다:

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

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

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

확인란이 선택되어 있으면 statusNum은 1이고 그렇지 않으면 0입니다.

편집 : DOM을 함수에 추가 할 수도 있습니다.

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

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

최근에 사용자가 버튼을 클릭했을 때 체크 박스의 값을 확인해야하는 경우가 있습니다. 그렇게하는 유일한 방법은 prop()속성 을 사용하는 것입니다.

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

이것은 제 경우에 효과가 있었고 누군가가 필요할 것입니다.

내가 시도했을 때 .attr(':checked')반환 checked되었지만 부울 값을 원했고 .val()attribute 값을 반환했습니다 value.


There are Several options are there like....

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

If all these option return true then you can set value accourdingly.


Try this

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

Here flag is true if checked otherwise false

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

Again this will make cheked

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

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

You can get value (true/false) by these two method

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

First check the value is checked

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

Else set the 0 value


If you want integer value of checked or not, try:

$("#ans:checked").length

You can perform it, this way:

$('input[id=ans]').is(':checked');     

참고URL : https://stackoverflow.com/questions/4813219/testing-if-a-checkbox-is-checked-with-jquery

반응형