체크박스 선택시 해당 줄 input 및 span 숫자 변경 방법
본문
<input type="text" name="price"><span style='text-decoration:line-through;'>1,500</span><span style='text-decoration:line-through;'>34,800원</span><input type="checkbox">
<input type="text" name="price"><span style='text-decoration:line-through;'>1,500</span><span style='text-decoration:line-through;'>34,800원</span><input type="checkbox">
이런식으로 여러개가 쭉 나오면 체크박스 체크시 해당 줄에 해당되는 input 및 span 안에 숫자를 변경이 되었으면 합니다.
답변 2
체크박스에 javascript를 걸어서 그 함수안에서 id나 name으로 변수핸들링 하시면 되는데요
응용해서 써 보세요 색깔 변하는걸 값변화는 걸로 그래도 안되시면 쪽지주세요
<script type="text/javascript">
<!--
function toggle(box,theId) {
if(document.getElementById) {
var cell = document.getElementById(theId);
if(box.checked) {
cell.className = "on";
}
else {
cell.className = "off";
}
}
}
// -->
</script>
<style type="text/css">
<!--
.off {
background-color: #fff;
}
.on {
background-color: #ccc;
}
-->
</style>
</head>
<body>
<table border="1" cellpadding="5" cellspacing="0">
<tr><td class="off" id="cell1">
<input type="checkbox" onclick="toggle(this,'cell1')">Yada Yada Yada
</td></tr>
<tr><td class="off" id="cell2">
<input type="checkbox" onclick="toggle(this,'cell2')">Yada Yada Yada
<!--
function toggle(box,theId) {
if(document.getElementById) {
var cell = document.getElementById(theId);
if(box.checked) {
cell.className = "on";
}
else {
cell.className = "off";
}
}
}
// -->
</script>
<style type="text/css">
<!--
.off {
background-color: #fff;
}
.on {
background-color: #ccc;
}
-->
</style>
</head>
<body>
<table border="1" cellpadding="5" cellspacing="0">
<tr><td class="off" id="cell1">
<input type="checkbox" onclick="toggle(this,'cell1')">Yada Yada Yada
</td></tr>
<tr><td class="off" id="cell2">
<input type="checkbox" onclick="toggle(this,'cell2')">Yada Yada Yada
제가 원하는 답은 아니지만 어느정도 도움이 되긴했습니다.
function toggle(box,theId) {
if(document.getElementById) {
var cell = document.getElementById(theId);
if(box.checked) {
cell.innerHTML="99991"; //스팸내 글자 변경 방법
}
else {
cell1.innerHTML="000";
}
}
}
input value 값은
cell.value 로 변경하시고 값 넣으시면 됩니다.
이것도 참고하세요.
답변을 작성하시기 전에 로그인 해주세요.