복붙노트

[JQUERY] 체크 박스가 jQuery를 체크 여부를 어떻게 확인합니까?

JQUERY

체크 박스가 jQuery를 체크 여부를 어떻게 확인합니까?

해결법

  1. 1.체크 박스 DOM 요소의 확인 속성은 당신에게 요소의 확인 상태를 제공 할 것입니다.

    체크 박스 DOM 요소의 확인 속성은 당신에게 요소의 확인 상태를 제공 할 것입니다.

    기존의 코드를 감안할 때, 당신은 때문에이 작업을 수행 할 수 있습니다 :

    if(document.getElementById('isAgeSelected').checked) {
    $("#txtAge").show();
} else {
    $("#txtAge").hide();
}

    그러나 토글을 사용하여이 작업을 수행하는 훨씬 예뻐 방법이있다 :

    $ ( '#은 isAgeSelected'). ((기능을 클릭) { . $ ( "# txtAge") 토글 (this.checked); }); <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">

    나이는 무엇인가 입니다

  2. 2.사용 jQuery의 () 함수입니다 :

    사용 jQuery의 () 함수입니다 :

    if($("#isAgeSelected").is(':checked'))
    $("#txtAge").show();  // checked
else
    $("#txtAge").hide();  // unchecked

  3. 3.jQuery를> 1.6을 사용하여

    jQuery를> 1.6을 사용하여

    <input type="checkbox" value="1" name="checkMeOut" id="checkMeOut" checked="checked" />

// traditional attr
$('#checkMeOut').attr('checked'); // "checked"
// new property method
$('#checkMeOut').prop('checked'); // true

    새 등록 방법을 사용 :

    if($('#checkMeOut').prop('checked')) {
    // something when checked
} else {
    // something else when not
}

  4. 4.jQuery를 1.6

    jQuery를 1.6

    $('#isAgeSelected').prop('checked')

    jQuery를 1.5 이하

    $('#isAgeSelected').attr('checked')

    jQuery를 모든 버전

    // Assuming an event handler on a checkbox
if (this.checked)

    모든 신용 시안 (西安)로 이동합니다.

  5. 5.나는 이것을 사용하고이 절대적으로 잘 작동 :

    나는 이것을 사용하고이 절대적으로 잘 작동 :

    $("#checkkBoxId").attr("checked") ? alert("Checked") : alert("Unchecked");

    참고 : 확인란이 선택되어 있으면 그렇지 않으면 정의되지 않은 true를 반환, 그래서 더 "TRUE"값을 확인합니다.

  6. 6.사용하다:

    사용하다:

    <input type="checkbox" name="planned_checked" checked id="planned_checked"> Planned

$("#planned_checked").change(function() {
    if($(this).prop('checked')) {
        alert("Checked Box Selected");
    } else {
        alert("Checked Box deselect");
    }
});

    $ ( "#은 planned_checked"). 변화 (함수 () { 경우 ($ (이) .prop가 ( '확인')) { 경고 ( "확인란이 선택 검사"); } 다른 { 경고 ( "체크 박스 선택 해제"); } }); <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> 계획

  7. 7.jQuery를 1.6 이후, jQuery.attr ()의 동작이 변경되었습니다 사용자는 요소의 확인 상태를 검색하는 데 사용하지 않는 것이 좋습니다. 대신 jQuery.prop ()를 사용한다 :

    jQuery를 1.6 이후, jQuery.attr ()의 동작이 변경되었습니다 사용자는 요소의 확인 상태를 검색하는 데 사용하지 않는 것이 좋습니다. 대신 jQuery.prop ()를 사용한다 :

    $("#txtAge").toggle(
    $("#isAgeSelected").prop("checked") // For checked attribute it returns true/false;
                                        // Return value changes with checkbox state
);

    다른 두 가지 가능성이 있습니다 :

    $("#txtAge").get(0).checked
$("#txtAge").is(":checked")

  8. 8.이것은 나를 위해 일한 :

    이것은 나를 위해 일한 :

    $get("isAgeSelected ").checked == true

    어디 isAgeSelected 컨트롤의 ID입니다.

    또한, @ karim79의 대답은 잘 작동합니다. 나는 확실히 내가 그것을 테스트 때 놓친 것 아닙니다.

    참고이 대답 사용하는 마이크로 소프트 아약스하지 jQuery를하다

  9. 9.당신이 JQuery와의 업데이트 된 버전을 사용하는 경우, 당신은 당신의 문제를 해결하기 위해 .prop 방법에 대한 이동해야합니다 :

    당신이 JQuery와의 업데이트 된 버전을 사용하는 경우, 당신은 당신의 문제를 해결하기 위해 .prop 방법에 대한 이동해야합니다 :

    $ ( '#은 isAgeSelected'). 소품 ( '확인') 확인하고 선택하지 않은 경우는 false 경우에 true를 돌려줍니다. 나는 그것을 확인하고 나는이 문제 앞에서 우연히 만났다. $ ATTR ( '확인'). ( '#은 isAgeSelected')와 $은 ( '#은 isAgeSelected'). 인 ( '확인') 상황에 대한 가치있는 대답하지 않은 정의되지 않은 반환합니다. 아래에 주어진 그래서 않습니다.

    if($('#isAgeSelected').prop('checked')) {
    $("#txtAge").show();
} else {
    $("#txtAge").hide();
}

    희망이 도움이 :) - 감사합니다.

  10. 10.확인 된 속성은 이벤트 핸들러 자체의 실행 중에 변경할 수있는 체크 박스 속성에 대한 Click 이벤트 처리기를 사용하여, 신뢰할!

    확인 된 속성은 이벤트 핸들러 자체의 실행 중에 변경할 수있는 체크 박스 속성에 대한 Click 이벤트 처리기를 사용하여, 신뢰할!

    이상적으로, 당신은 체크 박스의 값이 변경 될 때마다 (이 그렇게 어떻게 독립을) 발사 등의 변경 이벤트 처리기에 코드를 넣어 싶어.

    $('#isAgeSelected').bind('change', function () {

   if ($(this).is(':checked'))
     $("#txtAge").show();
   else
     $("#txtAge").hide();
});

  11. 11.사용하다:

    사용하다:

    <input type="checkbox" id="abc" value="UDB">UDB
<input type="checkbox" id="abc" value="Prasad">Prasad

    $('input#abc').click(function(){
  if($(this).is(':checked'))
  {
    var checkedOne=$(this).val()
    alert(checkedOne);

    // Do some other action
  }
})

    이 깡통 도움 당신은 필요한 조치를 당신이 수표를 제거 할 때하지 확인란을 선택하는 경우에만 수행되어야 함합니다.

  12. 12.내가 jQuery를하지 않고 그 똑같은 일을 수행하는 방법에 대한 답변을 게시하기로 결정했다. 그냥 내가 반란군니까.

    내가 jQuery를하지 않고 그 똑같은 일을 수행하는 방법에 대한 답변을 게시하기로 결정했다. 그냥 내가 반란군니까.

    var ageCheckbox = document.getElementById('isAgeSelected');
var ageInput = document.getElementById('txtAge');

// Just because of IE <333
ageCheckbox.onchange = function() {
    // Check if the checkbox is checked, and show/hide the text field.
    ageInput.hidden = this.checked ? false : true;
};

    먼저 자신의 ID로 두 요소를 얻을. 그런 다음 checkboxe의 onchange를 이벤트에게 기능을 할당하는 체크 박스를 체크하고 적절 연령 텍스트 필드의 숨겨진 속성을 설정있어 여부를 확인합니다. 이 예에서, 연산자 원을 사용.

    여기 당신이 그것을 테스트하기위한 바이올린입니다.

    추가

    크로스 브라우저 호환성이 문제가되는 경우, 나는 아무도 및 인라인의 CSS 표시 속성을 설정 제안한다.

    elem.style.display = this.checked ? 'inline' : 'none';

    느린하지만 크로스 브라우저 호환.

  13. 13.나는이 작업을 수행 할 수 있으리라 생각합니다 :

    나는이 작업을 수행 할 수 있으리라 생각합니다 :

    if ($('#isAgeSelected :checked').size() > 0)
{
    $("#txtAge").show(); 
} else { 
    $("#txtAge").hide();
}

  14. 14.이 코드는 당신을 도울 것입니다

    이 코드는 당신을 도울 것입니다

    $('#isAgeSelected').click(function(){
   console.log(this.checked);
   if(this.checked == true) {
        $("#txtAge").show();
    } else {
       $("#txtAge").hide();
   }
});

  15. 15.나는 동일한 문제로 달렸다. 나는 ASP.NET 확인란을

    나는 동일한 문제로 달렸다. 나는 ASP.NET 확인란을

    <asp:CheckBox ID="chkBox1" CssClass='cssChkBox1' runat="server" />

    JQuery와 코드에서 나는 체크 박스에 체크 여부, 그것은 마법처럼 작동하는 것 같다되었는지 확인하려면 다음 선택기를 사용했다.

    if ($("'.cssChkBox1 input[type=checkbox]'").is(':checked'))
{ ... } else { ... }

    나는 당신이 또한 대신 CssClass의 ID를 사용할 수있어

    if ($("'#cssChkBox1 input[type=checkbox]'").is(':checked'))
{ ... } else { ... }

    나는 이것이 당신이 도움이되기를 바랍니다.

  16. 16.체크 박스 체크 여부되어 있는지 확인하는 방법에는 여러 가지가 있습니다 :

    체크 박스 체크 여부되어 있는지 확인하는 방법에는 여러 가지가 있습니다 :

    jQuery를 사용하여 확인하는 방법

    if (elem.checked)
if ($(elem).prop("checked"))
if ($(elem).is(":checked"))
if ($(elem).attr('checked'))

    예를 나 또한 문서를 확인하십시오 :

  17. 17.이것은 나를 위해 작동합니다 :

    이것은 나를 위해 작동합니다 :

    /* isAgeSelected being id for checkbox */

$("#isAgeSelected").click(function(){
  $(this).is(':checked') ? $("#txtAge").show() : $("#txtAge").hide();
});

  18. 18.이 같은 일을 몇 가지 다른 방법입니다 :

    이 같은 일을 몇 가지 다른 방법입니다 :

    $ (문서) .ready (함수 () { $ ( '#은 isAgeSelected'). ((기능을 클릭) { // $ ( "# txtAge") 토글 (this.checked).; // 순수 CSS 선택기를 사용하여 경우 {($ ()는 this.checked) 경고 ( '체크 1'); }; // jQuery의가있다 () 사용 방법 경우 : {($ (이) (.is는) '확인') 경고 ( '에 2 체크'); }; // // jQuery의 필터를 사용하여 () 메소드 경우 ($ (이) .filter ( '확인')) { 경고 ( '에 3 체크'); }; }); }); <스크립트 SRC = "http://code.jquery.com/jquery-1.9.1.js">

    나이는 무엇인가 입니다

  19. 19.이 옵션을 사용합니다 :

    이 옵션을 사용합니다 :

    if ($('input[name="salary_in.Basic"]:checked').length > 0)

    체크 박스를 선택하면 길이는 0보다 크다.

  20. 20.이 일을 내 방법입니다 :

    이 일을 내 방법입니다 :

    if ( $("#checkbox:checked").length ) {       
    alert("checkbox is checked");
} else {
    alert("checkbox is not checked");
}

  21. 21.

    $(selector).attr('checked') !== undefined

    그렇지 않은 경우 입력이 확인하고 잘못된 경우이 true를 반환합니다.

  22. 22.

    $(document).ready(function() {    
    $('#agecheckbox').click(function() {
        if($(this).is(":checked"))
        {
            $('#agetextbox').show();
        } else {
            $('#agetextbox').hide();
        }
    });
});

  23. 23.당신이 사용할 수있는:

    당신이 사용할 수있는:

      if(document.getElementById('isAgeSelected').checked)
    $("#txtAge").show();  
  else
    $("#txtAge").hide();

    if($("#isAgeSelected").is(':checked'))
  $("#txtAge").show();  
else
  $("#txtAge").hide();

    둘 다 작동합니다.

  24. 24.1) HTML 태그 인 경우 :

    1) HTML 태그 인 경우 :

    <input type="checkbox"  />

    사용은 ATTR :

    $(element).attr("checked"); // Will give you undefined as initial value of checkbox is not set

    소품을 사용하는 경우 :

    $(element).prop("checked"); // Will give you false whether or not initial value is set

    2) HTML 태그 인 경우 :

     <input type="checkbox"  checked="checked" />// May be like this also  checked="true"

    사용은 ATTR :

    $(element).attr("checked") // Will return checked whether it is checked="true"

    소품 사용 :

    $(element).prop("checked") // Will return true whether checked="checked"

  25. 25.이 예제는 버튼입니다.

    이 예제는 버튼입니다.

    다음을 시도해보십시오

    <input type="button" class="check" id="checkall" value="Check All" />  &nbsp; <input type="button" id="remove" value="Delete" /> <br/>

<input type="checkbox" class="cb-element"  value="1" /> Checkbox  1 <br/>
<input type="checkbox" class="cb-element"  value="2" /> Checkbox  2 <br/>
<input type="checkbox" class="cb-element"  value="3" /> Checkbox  3 <br/>


$('#remove').attr('disabled', 'disabled'); 

$(document).ready(function() {  

    $('.cb-element').click(function() {

        if($(this).prop('checked'))
        {
            $('#remove').attr('disabled', false);
        }
        else
        {
            $('#remove').attr('disabled', true);
        }
    });   

    $('.check:button').click(function()
{
    var checked = !$(this).data('checked');
    $('input:checkbox').prop('checked', checked);
    $(this).data('checked', checked);

    if(checked == true)
    {
        $(this).val('Uncheck All');
         $('#remove').attr('disabled', false);
    }

    else if(checked == false)
    {
        $(this).val('Check All');
        $('#remove').attr('disabled', true);
    }
});
});

  26. 26.상단의 대답은 나를 위해 그것을하지 않았다. 하지만 이것은했다 :

    상단의 대답은 나를 위해 그것을하지 않았다. 하지만 이것은했다 :

    <script type="text/javascript">
    $(document).ready(function(){

        $("#li_13").click(function(){
            if($("#agree").attr('checked')){
                $("#saveForm").fadeIn();
            }
            else
            {
                $("#saveForm").fadeOut();
            }
        });
    });
</script>

    엘리먼트 # 1 li_13 클릭하면 소자 #은 .attr을 이용하여 판정한다 (체크 박스 인)에 동의하는 경우 기본적으로, 수표는 함수 ( '선택'). 그 다음 #saveForm 요소 fadeIn이며, 그렇지 않은 경우 saveForm 요소를 페이드 아웃.

  27. 27.나는 이것을 사용하고 있습니다 :

    나는 이것을 사용하고 있습니다 :

     <input type="checkbox" id="isAgeSelected" value="1" /> <br/>
 <input type="textbox" id="txtAge" />

 $("#isAgeSelected").is(':checked') ? $("#txtAge").show() : $("#txtAge").hide();

  28. 28.당신이 (체크 박스가 선택 될 때 텍스트 상자를 표시) 문제에 대한 자바 스크립트 솔루션을 제안했지만,이 문제는 CSS에 의해 해결 될 수있다. 이 방법, 양식을 사용할 수 없습니다 자바 스크립트가 사용자를 위해 작동합니다.

    당신이 (체크 박스가 선택 될 때 텍스트 상자를 표시) 문제에 대한 자바 스크립트 솔루션을 제안했지만,이 문제는 CSS에 의해 해결 될 수있다. 이 방법, 양식을 사용할 수 없습니다 자바 스크립트가 사용자를 위해 작동합니다.

    다음과 같은 HTML을 가정하면 :

    <label for="show_textbox">Show Textbox</label>
<input id="show_textbox" type="checkbox" />
<input type="text" />

    당신이 원하는 기능을 달성하기 위해 다음과 같은 CSS를 사용할 수 있습니다 :

     #show_textbox:not(:checked) + input[type=text] {display:none;}

    다른 시나리오의 경우, 적절한 CSS 선택기 생각할 수 있습니다.

    다음은이 방법을 입증하는 바이올린입니다.

  29. 29.전환 : 다른 0/1 또는

    전환 : 다른 0/1 또는

    <input type="checkbox" id="nolunch" />
<input id="checklunch />"

    $('#nolunch').change(function () {
    if ($(this).is(':checked')) {
        $('#checklunch').val('1');
    };
    if ($(this).is(':checked') == false) {
        $('#checklunch').val('0');
    };
});

  30. 30.나는 그것이 단순한 하나가 될 것이라고 생각

    나는 그것이 단순한 하나가 될 것이라고 생각

    $('#isAgeSelected').change(function() {
    if($(this).is(":checked")) {
        $('#txtAge').show();
    }
else{
        $('#txtAge').hide();
    }                                          
});

    31. from https://stackoverflow.com/questions/901712/how-do-i-check-whether-a-checkbox-is-checked-in-jquery by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] 어떻게 자바 스크립트, JQuery와 - 아약스를 사용하여 <입력 유형 = '파일'>의 변화에 ​​선택한 파일의 전체 경로를 얻으려면?  (0) 2020.09.22
[JQUERY] jQuery를위한 기능이 "존재"인가?  (0) 2020.09.22
[JQUERY] 요소의 외부 HTML을 선택하기  (0) 2020.09.21
[JQUERY] 사용자가 외부에서 클릭 할 때 사용 jQuery를가 DIV를 숨기려면  (0) 2020.09.21
[JQUERY] 어떻게 마이크로 소프트 JSON 날짜를 포맷합니까?  (0) 2020.09.21
,

티스토리툴바