文章/答案/技术大牛

发布

社区首页 >问答首页 >复选框矩阵-一行只允许1

问复选框矩阵-一行只允许1
EN

Code Review用户

提问于 2013-12-19 00:47:04

回答 1查看 641关注 0票数 1

任务

创建一个复选框矩阵。用户必须能够只选中一行中的一个复选框或取消选择所有复选框。

溶液

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
    <script type="text/javascript">
      function switch_checkbox(id_selected, id_pair)
      {
           //if the current checkbox is checked - uncheck the 2-nd checkbox in this row
          if(document.getElementById(id_selected).checked == true)
          {
              document.getElementById(id_pair).checked = false;
          }
      }
    </script>
  </head>
  <body>
    <form method="post" id="" action="send.php">
      <input type="checkbox" name="group1[]" id="1-1" value="1-1" onChange="switch_checkbox('1-1', '1-2');"/>
      <input type="checkbox" name="group2[]" id="1-2" value="1-2" onChange="switch_checkbox('1-2', '1-1');"/>
      <br />
      <input type="checkbox" name="group1[]" id="2-1" value="2-1" onChange="switch_checkbox('2-1', '2-2');"/>
      <input type="checkbox" name="group2[]" id="2-2" value="2-2" onChange="switch_checkbox('2-2', '2-1');"/>
    </form>
  </body>
</html>

正如你所看到的，这个解决方案非常原始。还能让它变得更简单吗？

javascript

html

matrix

回答 1

Code Review用户

回答已采纳

发布于 2013-12-19 03:06:38

假设一个未检查的启动条件，您可以消除一个参数，从而删除该条件：

function switch_checkbox(id_pair)
{
    document.getElementById(id_pair).checked = false;
}

..。

<input type="checkbox" name="group1[]" id="1-1" value="1-1" onChange="switch_checkbox('1-2');"/>

票数 1

页面原文内容由Code Review提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://codereview.stackexchange.com/questions/37708

复制

相似问题

问复选框矩阵-一行只允许1
EN

任务

溶液

回答 1

Code Review用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问复选框矩阵-一行只允许1EN

任务

溶液

回答 1

Code Review用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问复选框矩阵-一行只允许1
EN