반응형
Jquery에서 확인란이 선택되었을 때 수신하는 방법
페이지의 확인란이 선택되었는지 알아야합니다.
예 :
<input type="checkbox">
나는 이것을 Jquery에서 시도했다.
$('input type=["checkbox"]').change(function(){
alert('changed');
});
하지만 작동하지 않았습니다. 어떤 아이디어라도?
change()
이벤트 및 is()
테스트를 사용하십시오 .
$('input:checkbox').change(
function(){
if ($(this).is(':checked')) {
alert('checked');
}
});
if
DOM 속성이 똑같이 적절하고 사용하기에 더 저렴할 때 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);
});
참조 :
- 자바 스크립트 :
- jQuery :
$('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/
$("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
반응형
'developer tip' 카테고리의 다른 글
mysqldump : 백업 할 때 삽입 할 열 이름 생성 (0) | 2020.11.23 |
---|---|
업데이트 부분에서 새 값과 이전 값을 모두 사용할 수 있도록 UPSERT를 수행하는 방법 (0) | 2020.11.23 |
Blogger에서 구문 하이 라이터를 설정하려면 어떻게합니까? (0) | 2020.11.23 |
함수 서명에서 변수 이름 앞의 * 및 **는 무엇을 의미합니까? (0) | 2020.11.23 |
Enum에 숫자가 포함되어 있는지 확인하는 방법은 무엇입니까? (0) | 2020.11.23 |