JS 动态控制checkbox嵌套checkbox text不用与否

情境:一组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 />
     (&nbsp;<input type="text" class="length23"  maxlength="100" id="supportNote" name="supportNote" disabled="disabled"/>&nbsp;)
     </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/>
     (&nbsp;<input type="text" class="length23" maxlength="100" id="etcNote" disabled="disabled" />&nbsp;)
     </td>
                   </tr>
                </table>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值