JS radio动态控制内层radio可用与否

最新推荐文章于 2023-03-09 14:27:56 发布

原创最新推荐文章于 2023-03-09 14:27:56 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input #radiobutton

技术文章同时被 2 个专栏收录

5 篇文章

订阅专栏

学习文章

4 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript控制单孔式和双孔式的互斥选择逻辑，通过设置不同按钮的禁用状态来实现单孔式（自然排便法和强制排便法）和双孔式（自然排便法和强制排便法）的选择过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

情境:一组radiobutton,A，B，其中A内嵌套radioA1,A2，B内嵌套radioB1,B2。选中A时,B1，B2不可用，选中B时，A1，A2不可用。

程序实例：

var k=0;
while(k!=obj2.length)
{
  obj2[k].checked=false;
  obj2[k].disabled=true;
  k++;
}

var z=0;
while(z!=obj3.length)
{
  obj3[z].checked=false;
  obj3[z].disabled=true;
  z++;
}

if(radName.value=="1")
{
  var k=0;
  while(k!=obj2.length)
  {
   obj2[k].disabled=false;;
   k++;
  }
}

if(radName.value=="2")
{
  var k=0;
  while(k!=obj3.length)
  {
   obj3[k].disabled=false;;
   k++;
  }
}
}

<input type="radio" name="choiceSingleOrDouble" value="1" onclick="controlRadioByTwoRadio(this,'singleHole','doubleHole')"></input>
単孔式　（
<input type="radio" name="singleHole" value="1" disabled="disabled"/>自然排便法
<input type="radio" name="singleHole" value="2" disabled="disabled"/>強制排便法
）
　　
<input type="radio" name="choiceSingleOrDouble" value="2" onclick="controlRadioByTwoRadio(this,'singleHole','doubleHole')"></input>
双孔式　（
<input type="radio" name="doubleHole" value="1" disabled="disabled"/>自然排便法
<input type="radio" name="doubleHole" value="2" disabled="disabled"/>強制排便法
）