사용자가 체크 박스를 표시 할 때 jquery 동작을 트리거

Question

매우 새로운 기능 javascript 및 jquery.

<label for="editable">Editable </label><input name="editable" type="checkbox" id="edita"/> 

그리고이 JQuery와 액션 : :이 확인란을

$('#slickbox1').toggle(400); 
return false; 

내가 확인란을 선택하면 해당 작업을 실행합니다. 감사!

Answer 1

당신이 시도 할 수 :

$('#edita').change(
function() { 
    if ($(this).is(':checked')) { 
     $('#slickbox1').toggle(400); 
    } 
}); 

을 그것을 체크있어에만 toggle() 방법을 실행 (이되지 않은 검사 시작합니다 가정) 지적 가치의 입력을 클릭하면 사용자를 포함하지만 일단을 보여 체크를 다시하고 을 다시으로 다시 체크하여 toggle()의 결과로 숨 깁니다.

그것은 고려 가치가있을 수도 있습니다 : 체크 상자를 선택하면$('#slickbox1')을 보여주고, 그렇지 않은 경우를 숨 깁니다

$('#edita').change(
function() { 
    if ($(this).is(':checked')) { 
     // checked 
     $('#slickbox1').show(400); 
    } 
    else { 
     // un-checked 
     $('#slickbox1').hide(400); 
    } 
}); 

,

또는 :

$('#edita').change(
function() { 
     $('#slickbox1').toggle(400); 
}); 

$('#slickbox1')을사이로 토글합니다.210 및 hide()으로 설정합니다. input을 선택하고 선택을 취소합니다. 의견 DomingoSL (영업)에 의해 제기 된 질문을 해결하기 위해을 편집

---

: 지금 triger가 아닌 경우

... 당신이 절차를보고 편집을 확인하시기 바랍니다 수 있습니다 체크 박스가 아니라 버튼? 대신 click()를 사용하는 것, 그래서

1. button, 아니 change 사건이 없으며,
2. button 더 :checked가 없습니다 :

이 수용 할 수 있도록 할 필요가 두 가지 변화가있다 (또는 이에 상응하는) 상태이므로 if/else이 중복됩니다. 당신이 반대로 어떤 정보를 게시하지 했으므로

하나는하지만, 그것을하는 방법, 나는 당신의 요소 이름을 믿고있어이며, 동일하게 유지 :

$('#edita').click(
function(){ 
    $('#slickbox1').toggle(400); 
});