当前位置：文江博客话题详情

Javascript 中的无线电输入和警报

发布于 2024-11-05 07:01:20 字数 400 浏览 5 评论 0原文

我需要一些帮助。我有一个程序可以根据单选框中的用户输入更改表值类似于此页面：

clicky

但问题是我希望用户选择无线电输入仅一次；如果他们选择另一个那么表的值就会变得混乱。所以我想知道的是，当用户选择无线电输入两次时如何制作警报框？

与此网站类似clicky尝试单击单选按钮两次并弹出警报。

请问有人可以帮忙吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

°如果伤别离去 2024-11-12 07:01:20

如果不引入外部库的帮助，很难阻止单选按钮输入节点上的事件。一个简单的解决方案是仅禁用附加到每个输入节点的 onclick 函数中的按钮。像这样： http://jsfiddle.net/c73Mh/ 。如果他们出于某种原因仍然需要能够选择单选按钮，您可以通过选择最初从同一功能中选择的按钮来取消选择。希望这有帮助！

回复收藏 0 原文

×纯※雪 2024-11-12 07:01:20

为了简单起见，在我的示例中，我假设每个单选按钮的 id 是名称和值属性的组合。除了我在下面给您提供的内容之外，您还需要添加某种类型的 Reset() 函数来设置 selectedValues = {}; 并取消选择所有单选按钮。

<input type="radio" name="group1" value="A" id="group1A" onclick="radioClicked(this);" />First option
<input type="radio" name="group1" value="B" id="group1B" onclick="radioClicked(this);" />Second option

<input type="radio" name="group2" value="A" id="group2A" onclick="radioClicked(this);" />First option
<input type="radio" name="group2" value="B" id="group2B" onclick="radioClicked(this);" />Second option

var selectedValues = {};

function radioClicked(rb) {
  if (selectedValues[rb.name] === undefined) {
    selectedValues[rb.name] = rb.value;
    doTableProcessing();
  }
  else {
    alert("You can't change the selected values");
    document.getElementById(rb.name + selectedValues[rb.name]).checked = true;
  }
}

For simplicity in my example I'm assuming that the id of each radio button is a combination of the name and value attributes. In addition to what I've given you below you will need to add a reset() function of some kind that sets selectedValues = {}; and deselects all radio buttons.

<input type="radio" name="group1" value="A" id="group1A" onclick="radioClicked(this);" />First option
<input type="radio" name="group1" value="B" id="group1B" onclick="radioClicked(this);" />Second option

<input type="radio" name="group2" value="A" id="group2A" onclick="radioClicked(this);" />First option
<input type="radio" name="group2" value="B" id="group2B" onclick="radioClicked(this);" />Second option

var selectedValues = {};

function radioClicked(rb) {
  if (selectedValues[rb.name] === undefined) {
    selectedValues[rb.name] = rb.value;
    doTableProcessing();
  }
  else {
    alert("You can't change the selected values");
    document.getElementById(rb.name + selectedValues[rb.name]).checked = true;
  }
}

回复收藏 0 原文

~没有更多了~