체크박스에 대한 스크립트 조건문에 대한 수식
본문
$("input:checkbox[name='wr_7[]']").change(function() {
var wr_7 = $("input:checkbox[name='wr_7[]']:checked").val();
if (wr_7 == "첫번째") {
$(".cham_program").css("display", "inline-block");
$(".able_program").css("display", "none");
$(".board_program").css("display", "none");
$(".seoin_program").css("display", "none");
} else if (wr_7 == "두번째") {
$(".cham_program").css("display", "none");
$(".able_program").css("display", "inline-block");
$(".board_program").css("display", "none");
$(".seoin_program").css("display", "none");
} else if (wr_7 == "세번째") {
$(".cham_program").css("display", "none");
$(".able_program").css("display", "none");
$(".board_program").css("display", "inline-block");
$(".seoin_program").css("display", "none");
} else if (wr_7 == "네번째") {
$(".cham_program").css("display", "none");
$(".able_program").css("display", "none");
$(".board_program").css("display", "none");
$(".seoin_program").css("display", "inline-block");
}
});
이런식으로 스크립트 조건문을 제작하였습니다.
그런데 문제가 wr7의 체크박스 값이 첫번째면 값이 잘 나오는데,
만약 첫번째와 두번째가 체크가 되는 경우, cham_program과 able_program이 노출이 되어야 하는데,
두개다 체크된 경우 cham_program값만 나오고, able_program은 나오지 않습니다.
조건식을 다르게 설정해야 할까요?
답변 2
console.log(wr_7); 로 찍어보세요
배열로 해두신거같은데 두세개 찍으면 값 저렇게 안찍힐거임
$("input:checkbox[name='wr_7[]']").change(function() {
var wr_7 = $("input:checkbox[name='wr_7[]']:checked").val();
if (wr_7 == "첫번째") {
if( this.checked)
$(".cham_program").css("display", "inline-block");
else
$(".cham_program").css("display", "none");
} else if (wr_7 == "두번째") {
...
$(".able_program").css("display", "inline-block");
} else if (wr_7 == "세번째") {
$(".board_program").css("display", "inline-block");
} else if (wr_7 == "네번째") {
$(".seoin_program").css("display", "inline-block");
}
});
이렇게 처리해 보세요.
나머지도 비슷한 방식으로 하시구요.
