如何在 JavaScript 或 jquery 中获取所选单选按钮标签的 ID

how to get the selected radio button label's ID in javascript or jquery

本文关键字:单选按钮 标签 ID 获取 JavaScript jquery      更新时间:2023-09-26
<label for="dynamic" id="label1id">    </label>
<input type="radio" name="radio1" id="dynamic"></input>
<label for="dynamic1" id="label2id"></label>
<input type="radio" name="radio1" id="dynamic1"></input><br>
<label for="dynamic2" id="label3id"></label>
<input type="radio" name="radio2" id="dynamic2"></input>
<label for="dynamic3" id="label4id"></label>
<input type="radio" name="rafio2" id="dynamic3"></input>

实际上我想问的是,如何检查单选按钮是否已选中,如果选择了,则标签应为不同的颜色,如果在这种情况下未选择,则应为不同的颜色...在我的功能中,有不止一组单选按钮,它们是动态选择的,我为它创建了一个 java 脚本,我使用的代码是 函数单选单击 (({ If (document.getElementById ('dynamic'(.checked({ Document.getElementById ('label1id'(.color="red"; Document.getElementById ('label2id'(.color="black"; } 否则 { Document.getElementById('label2id'(.color="red"; Document.getElementById.('label1id'(.color="black"; } } 使用硬编码的 id,当动态生成 I 时,它将不起作用。 现在我想我已经解决了这个问题但是感谢您的再次回复,我将尝试该代码,并在无法实现它时发布答案。请帮助坚持了很长时间....

有关完整的解决方案,请参阅 jsfiddle。

$(function () {
    $("input").on("click", function () {
        $("label").css({color:'black'});
        $(this).prev().css({color:'red'});
    })
});