그래서 여러 개의 확인란이있는이 스크립트가 있습니다 확인란을 선택하면 추가 단추를 보여주는 스크립트가 있습니다 그러나 스크립트는 첫 번째 확인란을 작동합니다 모든 체크 박스는 동일한 ID를 가진 반면 페이지. 체크 박스의jQuery 토글 div 첫 번째 확인란에만 작동합니다
하나 :
<input type="checkbox" id="checkstate" name="diritems[]" value=".snap" onclick="javascript:Toggle(this);">
스크립트 :
$(document).ready(function(){
$('#checkstate').change(function(){
if ($('#checkstate').is(':checked'))
$('.addopt').fadeIn('Fast', 'linear');
else
$('.addopt').fadeOut('Fast', 'linear');
});});
그래서 이것은 단지 페이지에있는 첫 번째 ID = "checkState에는"함께 첫 번째 체크 박스를 작동, 기타를 체크 박스는 아무 것도하지 않습니다.
** ID ** 이름은 문서에서 고유해야합니다. [w3.org] (http://www.w3.org/TR/html401/struct/global.html#h-7.5. 2). – emmanuel
다른 선택기를 사용해 보거나 (관련있는 경우 클래스를 사용하는 것이 좋음) 그렇지 않으면 ** 속성 **을 추가하고 대신에 선택하십시오. – jbutler483