javascript - 单选按钮开/关触发器只能以一种方式工作

Question

所以这是我一段时间以来遇到的最愚蠢的事情。我无法获取设置为切换页面上某些内容的简单单选按钮的状态。

<label for="completeSw"><span>Completed?</span></label>
<input type="radio" id="completeSw" name="completeSw" value="1"/>Yes
<input type="radio" id="completeSw" name="completeSw" value="0" checked="checked"/>No<br/>

所以你可以在这里看到一个非常简单的是/否单选按钮集来切换一个 Action 。它需要用于两个目的:在 POST 数据中标记是/否值 (1/0)，理想情况下使用 JS/jQuery 在页面上触发操作。我遇到了后者的问题。

默认状态为“否”；如果我单击"is"，我可以检索 onchange 或 onclick 事件状态并使某些事情发生。但是，这是一种单向开关；一旦我转到"is"，我就无法恢复到“否”选择器的状态。我需要做的是根据他们在此 radio 中所做的选择显示/隐藏页面上的元素。如果单击"is"，我可以触发操作并查看页面更改。但是，一旦我单击“否”，它就好像没有状态更改一样，我无法执行操作，即再次隐藏该元素。

我已经尝试过检索“已检查”状态、 radio 对值等的变体，例如

$("#completeSw").change(function(e){
    alert( $(this).attr("checked") ); // only triggers when "Yes" is selected
});

也许我不应该使用是/否 radio 对，而应该使用单个复选框？对我来说，这种方式(单选按钮)似乎更加人性化和优雅。

Answer 1

ID 必须是唯一的，因此它只会找到您页面上的第一个。请改用类。