情境:一组checkbox,其中有checkbox9内嵌checkboxA,B,C,D,另有checkbox19,checkb20内嵌有text。要求,只有当checkbox9选中时,checkboxA,B,C,D可用;
当checkbox19,checkb20选中时,text输入框可用,否则为disabled。
程序实例:
function controlRadio(chk,controlName)
{
var i=0;
var z=0;
var obj=document.getElementsByName(controlName);
while(i!=obj.length)
{
obj[i].checked=false;
obj[i].value="";
i++;
}
if(chk.checked==true)
{
disabledControl(controlName);
}
else
{
while(z!=obj.length)
{
obj[z].disabled=true;
z++;
}
}
}
<table width="100%" >
<tr>
<td width="46%"><input type="checkbox" name="nursingContent1" value="0"/>1.病状観察</td>
<td width="54%"><input type="checkbox" name="nursingContent11" value="10"/>11.認知症・精神障害に対するケア</td>
</tr>
<tr>
<td><input type="checkbox" name="nursingContent2" value="1"/>2.本人の療養指導</td>
<td><input type="checkbox" name="nursingContent12" value="11" />12.リハビリテーション</td>
</tr>
<tr>
<td><input type="checkbox" name="nursingContent3" value="2" />3.体位交換</td>
<td><input type="checkbox" name="nursingContent13" value="12"/>13.環境整備</td>
</tr>
<tr>
<td><input type="checkbox" name="nursingContent4" value="3"/>4.栄養・食事の援助</td>
<td><input type="checkbox" name="nursingContent14" value="13"/>14.社会資源の紹介と相談</td>
</tr>
<tr>
<td><input type="checkbox" name="nursingContent5" value="4"/>5.排泄の援助・おむつ交換</td>
<td><input type="checkbox" name="nursingContent15" value="14" />15.家族の介護指導・支援</td>
</tr>
<tr>
<td><input type="checkbox" name="nursingContent6" value="5"/>6.整容・衣服の着脱</td>
<td><input type="checkbox" name="nursingContent16" value="15"/>16.家屋改善のアドバイス</td>
</tr>
<tr>
<td><input type="checkbox" name="nursingContent7" value="6"/>7.移動・移乗・散歩等の介助</td>
<td><input type="checkbox" name="nursingContent17" value="16"/>17.介護用品の管理・指導</td>
</tr>
<tr>
<td><input type="checkbox" name="nursingContent8" value="7"/>8.口腔の清潔援助・歯磨き</td>
<td><input type="checkbox" name="nursingContent18" value="17"/>18.看護機器の管理・指導</td>
</tr>
<tr>
<td>
<input type="checkbox" name="nursingContent9" value="8" οnclick="controlRadio(this,'nursingContent9Span')"/>9.身体の清潔<br />
(
<span id="nursingContent9Span">
<input type="checkbox" name="nursingContent9Span" value="0" disabled="disabled"/>清拭
<input type="checkbox" name="nursingContent9Span" value="1" disabled="disabled"/>洗髪
<input type="checkbox" name="nursingContent9Span" value="2" disabled="disabled"/>シャワー浴
<br/>
<input type="checkbox" name="nursingContent9Span" value="3" disabled="disabled"/>入浴
<input type="checkbox" name="nursingContent9Span" value="4" disabled="disabled"/>部分浴
<input type="checkbox" name="nursingContent9Span" value="5" disabled="disabled"/>爪切り
</span>
)
</td>
<td valign="top"><input type="checkbox" name="nursingContent19" value="18" οnclick="controlRadio(this,'supportNote')" />19.医療処置に係る管理援助<br />
( <input type="text" class="length23" maxlength="100" id="supportNote" name="supportNote" disabled="disabled"/> )
</td>
</tr>
<tr>
<td valign="top"><input type="checkbox" name="nursingContent10" value="9"/>
10.生活のリズム・仕方の把握
</td>
<td valign="top">
<input type="checkbox" name="nursingContent20" value="19" οnclick="controlRadio(this,'etcNote')" />20.その他<br/>
( <input type="text" class="length23" maxlength="100" id="etcNote" disabled="disabled" /> )
</td>
</tr>
</table>