Javascript 重复输入时使用jQuery选择选中单选按钮

我正在制作一个表格，它有一个时髦的布局，需要我把一个广播问题复制到另一个地方。这导致我编写的Javascript出现一些问题

在页面加载时，我调用一个方法来查找选中的无线电输入，并向其父级添加一个类（出于样式设置的原因），以执行以下操作：

checkPillRadioButton("valuemodeheight");

function checkPillRadioButton(name) {
    var checked = $('input[name="' + name + '"]:checked')
    checked.parent().addClass("selected");
}

这是可行的，但现在问题被重复了，它只适用于第二组单选按钮。有没有办法修改我必须使用的重复输入电台名称

谢谢

根据请求，标记示例：

<div class="pillRadioButtons">
    <label class="pillRadioButtons-option">
        <input type="radio" name="valuemodeheight" value="CM">
            <span>CM</span>
    </label>
   <label class="pillRadioButtons-option">
        <input type="radio" name="valuemodeheight" value="CM" checked>
            <span>CM</span>
    </label>
</div>

厘米
厘米

以下是该问题的一个要点：

---

这不起作用，因为您向函数“checkPillRadioButton”传递了一个完全不同的参数

它应该是“valuemodeheight”

checkPillRadioButton("valuemodeweight");

---

事实上，我没有得到你想要的东西，但根据我对这个问题的理解，这里是我的答案。

选中PillRadioButton（“valuemodeheight”）；
选中PillRadioButton（“valuemodewidth”）；
功能检查按钮（名称）{
var checked=$（'input[name=“”+name+']：checked'）；
选中.parent（）.addClass（“选定”）；
}

.pillRadioButtons-option.selected{
背景色：红色；
}

厘米
脚




厘米
脚

将css更改为：

<style type="text/css" media="all">
   input[type=radio]:checked + span {
   background-color: red;
}
</style>

输入[类型=无线电]：选中+跨距{
背景色：红色；
}

---

并在您的输入中添加一个onchange事件

我们需要查看HTML以帮助您好吧@Rorymcrossan刚刚添加了一个示例。您能用小提琴重新创建这个bug吗？@weBBer是的，给您：第二台收音机的预期代码是什么？？你的问题不清楚。对于单选按钮，如果使用

checkPillRadioButton（“valuemodeheight”）创建一个新单选按钮，则只有选中的单选按钮然后将进行检查。抱歉，示例HTML被错误地引用为其多个输入。尽管如此，在现实中，加价还是不错的。现在只需更改示例。您能否查看一下刚刚更新的plunker：