developer tip

Jquery에서 확인란이 선택되었을 때 수신하는 방법

copycodes 2020. 11. 23. 08:19
반응형

Jquery에서 확인란이 선택되었을 때 수신하는 방법


페이지의 확인란이 선택되었는지 알아야합니다.

예 :

<input type="checkbox">

나는 이것을 Jquery에서 시도했다.

$('input type=["checkbox"]').change(function(){
alert('changed');
});

하지만 작동하지 않았습니다. 어떤 아이디어라도?


change()이벤트 및 is()테스트를 사용하십시오 .

$('input:checkbox').change(
    function(){
        if ($(this).is(':checked')) {
            alert('checked');
        }
    });

ifDOM 속성이 똑같이 적절하고 사용하기에 더 저렴할 때 jQuery (에서 ) 에 대한 어리석은 의존 때문에 위의 내용을 다음과 같이 업데이트했습니다 . 또한 선택기를 지원하는 브라우저에서 DOM의 document.querySelectorAll()메소드 로 전달할 수 있도록 선택기가 변경되었습니다 .

$('input[type=checkbox]').change(
    function(){
        if (this.checked) {
            alert('checked');
        }
    });

완성을 위해 일반 JavaScript에서도 동일한 작업이 쉽게 가능합니다.

var checkboxes = document.querySelectorAll('input[type=checkbox]'),
    checkboxArray = Array.from( checkboxes );

function confirmCheck() {
  if (this.checked) {
    alert('checked');
  }
}

checkboxArray.forEach(function(checkbox) {
  checkbox.addEventListener('change', confirmCheck);
});

참조 :


$('input:checkbox').live('change', function(){
    if($(this).is(':checked')){
        alert('checked');
    } else {
        alert('un-checked');
    }
});

jsfiddle : http://jsfiddle.net/7Zg3x/1/


$('input:checkbox').change(function(){
    if($(this).is(':checked')){
        alert('Checked');
    }
});

다음은 데모입니다.


이 시도

$('input:checkbox').change(function(){
   if(this.checked)
      alert('checked');
   else
      alert('not checked');
});

$("input:checkbox").change(function(){

alert($(this).val());

});

여기 바이올린입니다 http://jsfiddle.net/SXph5/

jquery change


$("input[type='checkbox']").click(function(){
    alert("checked"); 
});

Just a normal .click will do.


If you want to use .on this works

 jQuery('input[type=checkbox]').on('change', function() {
   if (this.checked) {
     console.log('checked');
   }
 });

참고URL : https://stackoverflow.com/questions/6878757/how-to-listen-to-when-a-checkbox-is-checked-in-jquery

반응형