[펌]체크박스 인풋 선택 활성 / 비활성화 정보
[펌]체크박스 인풋 선택 활성 / 비활성화
본문
<script type='text/javascript'>
if (typeof window.onload == 'function') {motorCheckbox_OL = window.onload;}
window.onload = function()
{
if (window.motorCheckbox_OL) motorCheckbox_OL();
var i, ca;
ca = document.getElementsByName('motorCheckbox');
for (i = 0; i < ca.length; ++i) {
ca[i].onclick = motorCheckbox_click;
}
}
function motorCheckbox_click()
{
// find parent TR
var tr = this.parentNode;
while (tr && tr.nodeName.toLowerCase() != 'tr') {
tr = tr.parentNode;
}
if (tr) {
// get all inputs contained by TR
var i, ia = tr.getElementsByTagName('input');
for (i = 0; i < ia.length; ++i) {
if (ia[i].type.toLowerCase() == 'text') { // filter out 'text' inputs
ia[i].disabled = !this.checked;
}
}
}
}
</script>
<table>
<tr>
<td><input type="checkbox" name="motorCheckbox" value="<%=motor.getId()%>"></td>
<td><input type="text" size="10" name="pris" disabled="true"></td>
<td><input type="text" size="10" name="toppfart" disabled="true"></td>
<td><input type="text" size="10" name="motorinstallasjon" disabled="true"></td>
</tr>
<tr>
<td><input type="checkbox" name="motorCheckbox" value="<%=motor.getId()%>"></td>
<td><input type="text" size="10" name="pris" disabled="true"></td>
<td><input type="text" size="10" name="toppfart" disabled="true"></td>
<td><input type="text" size="10" name="motorinstallasjon" disabled="true"></td>
</tr>
<tr>
<td><input type="checkbox" name="motorCheckbox" value="<%=motor.getId()%>"></td>
<td><input type="text" size="10" name="pris" disabled="true"></td>
<td><input type="text" size="10" name="toppfart" disabled="true"></td>
<td><input type="text" size="10" name="motorinstallasjon" disabled="true"></td>
</td>
</tr>
</table>
필요하실분들 계실까봐 올려둡니다.
자주 사용하는 기능인데, 항상 까먹어서..-0- 이렇게 하나 퍼왔습니다-
2