Copy
<?php if ( $notice_checked != 'checked') {?> <?php if ($is_category) { ?> <tr> <th scope="row"><label for="ca_name">분류<strong class="sound_only">필수</strong></label></th> <td class="border_r0"> <select name="ca_name" id="ca_name" required class="required form-control input_type1" > <option value="">업무종류를 선택하세요</option> <?php echo $category_option ?> </select> </td> </tr> <?php } ?> <?php } else {?> <tr> <th scope="row"><label for="ca_name">분류<strong class="sound_only">필수</strong></label></th> <td class="border_r0"> <select name="ca_name" id="ca_name" required class="required form-control input_type1" > <option value="공지">공지</option> </select> </td> </tr> <?php } ?>write.skin.php에서
공지사항 체크를 하면 분류내용이 실시간으로 바뀌도록 하고싶은데요
공지사항을 체크하면 a셀렉트가 나오게
공지사항을 체크하지 않으면 b셀렉트가 나오게요,,
문법이 모가 틀렸나요? ㅠㅠ
답변 2개 / 댓글 4개
채택된 답변
+20 포인트
마르스컴퍼니
8년 전
글 작성시, 공지사항 체크박스 체크 여부에 따라 다른 분류의 셀렉트박스가 나오게 하는 것은
자바스크립트로 처리해야 하는 성격입니다.
(sample)
Copy
<script>$(function() { $('select[name=sel_temp1]').attr('name', 'ca_name'); $('select[name=sel_temp1]').show(); $('select[name=sel_temp2]').attr('name', 'sel_temp2'); $('select[name=sel_temp2]').hide(); $('checkbox[name=is_notice]').on('change', function() { if($(this).is(":checked")) { $('select[name=sel_temp1]').attr('name', 'ca_name'); $('select[name=sel_temp1]').show(); $('select[name=sel_temp2]').attr('name', 'sel_temp2'); $('select[name=sel_temp2]').hide(); } else { $('select[name=sel_temp1]').attr('name', 'sel_temp1'); $('select[name=sel_temp1]').hide(); $('select[name=sel_temp2]').attr('name', 'ca_name'); $('select[name=sel_temp2]').show(); } }); });</script><input type="checkbox" name="is_notice" value="1" /> 공지<br><select name="sel_temp1"> <option>분류1</option> <option>분류2</option></option></select><select name="sel_temp2"> <option>분류1</option> <option>분류2</option></option></select>답변에 대한 댓글 2개
마르스컴퍼니
8년 전
샘플 코드에 잘못된 부분이 있었네요.
수정된 샘플 코드입니다.
[code]
<script>
$(function() {
$('#sel1').attr('name', 'ca_name');
$('#sel1').show();
$('#sel2').attr('name', 'sel_temp2');
$('#sel2').hide();
$('input[name=is_notice]').on('change', function() {
if($(this).is(":checked")) {
$('#sel1').attr('name', 'sel_temp1');
$('#sel1').hide();
$('#sel2').attr('name', 'ca_name');
$('#sel2').show();
} else {
$('#sel1').attr('name', 'ca_name');
$('#sel1').show();
$('#sel2').attr('name', 'sel_temp2');
$('#sel2').hide();
}
});
});
</script>
<input type="checkbox" name="is_notice" value="1" /> 공지
<br>
<select id="sel1" name="sel_temp1">
<option>분류1</option>
<option>분류2</option>
</select>
<select id="sel2" name="sel_temp1">
<option>분류3</option>
<option>분류4</option>
</select>
[/code]
수정된 샘플 코드입니다.
[code]
<script>
$(function() {
$('#sel1').attr('name', 'ca_name');
$('#sel1').show();
$('#sel2').attr('name', 'sel_temp2');
$('#sel2').hide();
$('input[name=is_notice]').on('change', function() {
if($(this).is(":checked")) {
$('#sel1').attr('name', 'sel_temp1');
$('#sel1').hide();
$('#sel2').attr('name', 'ca_name');
$('#sel2').show();
} else {
$('#sel1').attr('name', 'ca_name');
$('#sel1').show();
$('#sel2').attr('name', 'sel_temp2');
$('#sel2').hide();
}
});
});
</script>
<input type="checkbox" name="is_notice" value="1" /> 공지
<br>
<select id="sel1" name="sel_temp1">
<option>분류1</option>
<option>분류2</option>
</select>
<select id="sel2" name="sel_temp1">
<option>분류3</option>
<option>분류4</option>
</select>
[/code]
8년 전
동적인 부분은 제이쿼리로 처리하셔야합니다.
답변에 대한 댓글 2개
humanb2box
8년 전
var noticeChk = document.getElementById("notice");
if (noticeChk.checked == ture)
{ alert("bb");
}else {
alert("aa");
}
이렇게 했는데 ㅠㅠ
else가 안먹네요... 뭘 잘못했을까요
if (noticeChk.checked == ture)
{ alert("bb");
}else {
alert("aa");
}
이렇게 했는데 ㅠㅠ
else가 안먹네요... 뭘 잘못했을까요
8년 전
var noticeChk = document.getElementById("notice");
if (noticeChk.checked == true) // ture 오타있습니다..
{ alert("bb");
}else {
alert("aa");
}
if (noticeChk.checked == true) // ture 오타있습니다..
{ alert("bb");
}else {
alert("aa");
}
답변을 작성하려면 로그인이 필요합니다.