javascript - html页面复选框的问题

问题描述

问 题

我想让如果你选择第一个全部地区，然后下面的地区都不能选择，如果不选择全部地区，则可以选择下面的地区，而且可以多选，求教可以怎么做，感谢

<tr  class="mainlisttitle">
 <td align="right" class="mainlistb" style="width:20%">地区范围:</td>      
                        <td style="text-align:left;" class="mainoutbg" >
                     <input type="checkbox"  name="checkbox" value="0" />全部地区    
                      <input type="checkbox"  name="checkbox" value="1" >衢州 
                      <input type="checkbox"  name="checkbox" value="2" >杭州
                      <input type="checkbox"  name="checkbox" value="3" >湖州
                      <input type="checkbox"  name="checkbox" value="4" >嘉兴
                      <input type="checkbox"  name="checkbox" value="5" >宁波
                       <input type="checkbox"  name="checkbox" value="6">绍兴
                       <input type="checkbox"  name="checkbox" value="7">台州 
                      <input type="checkbox"  name="checkbox" value="8" >温州
                       <input type="checkbox"  name="checkbox" value="9">丽水
                       <input type="checkbox"  name="checkbox" value="10">金华 
                      <input type="checkbox"  name="checkbox" value="11" >舟山
                       <input type="checkbox"  name="checkbox" value="12">海口市                           
                        </td>   
                         </tr> 

解决方案

全部地区的checkbox上加事件，选中时给下面的地区的checkbox加disabled,取消时去除

这篇关于javascript - html页面复选框的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！