链接重复单选按钮表单

时间:2017-09-12 13:52:52

标签: javascript html

所以,我想在页面上的几个地方显示一组单选按钮。我希望链接单选按钮的状态,在一个表单上选择选项A应该选择所有表单中的选项A.

很抱歉不包含例子。

这是一个想法:

<form id="serverForm">
   <input type="radio" name="@(site.SiteID)" class="serverRadio" value="All"> All
   <input type="radio" name="@(site.SiteID)" class="serverRadio" value="DS1"> DS1
   <input type="radio" name="@(site.SiteID)" class="serverRadio" value="DS2"> DS2
   <input type="radio" name="@(site.SiteID)" class="serverRadio" value="IS1"> IS1
</form>

这个表单将根据其包含的循环的大小动态创建多次。我希望这些表单中的每一个基本上都是重复的。单击一个选项将全部更新。

2 个答案:

答案 0 :(得分:0)

  1. 为所有Radiobuttons提供class属性。
  2. 在该课程上添加“on Click”事件。
  3. 检查事件中单击的单选按钮的值
  4. 将该值与其他单选按钮进行比较(在所有单选按钮的循环中),如果它相同,则将属性“选中”设置为true
  5. P.S。:下次分享您的代码,以便提供简单的代码示例,甚至是完整的解决方案。

答案 1 :(得分:0)

1.)将表格的所有位置1按钮设置为相同的div,将2个按钮设置为其他相同的div,依此类推。 2.)使用任何技术(如指向任何函数或在jquery中添加onClick事件)来检查更改的类,如: -

$(".class_to_be_checked").attr("checked","checked");