[Javascript] jquery를 사용하여 체크 박스가 선택되었는지 여부를 확인하십시오.


Answers

먼저 javascript: 이벤트 핸들러 속성에서 사용하지 마십시오. 그것은 잘못된 것이고 올바른 JavaScript 구문 일 뿐이 기 때문에 작동합니다. 둘째, 귀하의 id 이 유효하지 않습니다. 괄호는 id 속성에 허용되지 않습니다 (최소한 HTML 4에서는 HTML 5가이 제한을 해제합니다). 셋째, jQuery를 사용하는 경우 click 이벤트를 처리하기 위해 click() 메서드를 사용하는 것이 좋습니다.하지만이를 변경하면 문서가로드되기 전에 사용자가 체크 박스를 클릭하면 귀하의 스크립트는 그것을 처리하지 않습니다. 

<input type="checkbox" id="Public_Web" checked value="anyone"
    name="data[anyone]">

$(document).ready(function() {
    $("#Public_Web").click(function() {
        if (this.checked) {
            alert("Checked!");
        }
    });
});
Question

확인란이 선택되었는지 또는 jquery를 사용하지 않았는지 확인하고 싶습니다. 확인란의 onclick 이벤트에서 확인하고 싶습니다. 

<input type="checkbox" onclick="javascript:check_action();" id="Public(Web)" checked="checked" value="anyone" name="data[anyone]">

가능한가? 방법?

감사.



is() 메서드를 사용하여이 작업을 수행 할 수 있습니다. 

$('##Public_Web').click(function(){
  if ($(this).is(':checked')){
    alert('Checked');
  }
  else{
    alert('Not Checked');
  }
});

양식 내의 모든 확인란에 대해이 작업을 수행하려면 :checkbox 선택기를 사용할 수 있습니다. 

$('#form_id :checkbox').click(function(){
  alert(this.checked);
});

문서 준비 처리기에서 코드를 래핑해야합니다. 

 $(document).ready(function() {
      // code....
  });


먼저 이벤트를 인라인이 아닌 스크립트 태그로 묶습니다. 따라하기 쉽고 HTML을 훨씬 더 쉽게 읽을 수 있습니다. 그런 다음 jQuery 선택기를 사용할 수 있습니다. 확인란을 선택하여이 확인란의 선택 여부를 결정합니다. 그런 다음 요소의 checked 속성을 사용할 수 있습니다. 

$(document).ready(function(){
    $('#Public(Web)').click(function(){
        if (this.checked) {
            // do your code here
        }
    });
});


여기에 또 다른 예가 있는데, 엘리먼트 자체에서 onClick 이벤트를 사용하는 대신 리스너를 사용하는 것이 더 좋지만 id에서 대괄호를 제거하면 일부 브라우저에서는 어려움을 겪을 것입니다. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>
<input type="checkbox" id="PublicWeb" checked="checked" value="anyone" name="data[anyone]" />
<script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'></script>
<script>
$(document).ready(function(){
    $('#PublicWeb').click(function(){
        if($(this).is(':checked')){
            alert("its checked alright");
        }
    });
});
</script>
</head><body></body></html>


이것을 사용할 수도 있습니다. 

if($("#checkbox_id").is(':checked'))


너는 이렇게 할 수있어. 

$('#checkbox_id').click(function(){
  alert(this.checked);
});

또는 is() 메서드 사용 : 

$('#checkbox_id').click(function(){
  if ($(this).is(':checked')){
    alert('Checked');
  }
  else{
    alert('Not Checked');
  }
});

폼 내의 모든 체크 상자에 대해이 작업을 수행하려는 경우 :checkbox 필터 선택기를 다음과 같이 사용할 수 있습니다. 

$('#form_id :checkbox').click(function(){
  alert(this.checked);
});

준비 처리기에서 코드를 래핑해야합니다. 

$(function(){
  // code....
});


몇 가지 옵션이 있습니다. 

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


이 시도: 

if(!$('#elementid').is(':checked')){
    alert('Not checked');
}else{
    alert('checked');
}


Links


Tags