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

时间:2014-12-12 14:59:22

标签: javascript jquery

<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脚本,我使用的代码是          函数radioclick(){     如果(document.getElementById(&#39; dynamic&#39;)。checked){     Document.getElementById(&#39; label1id&#39;)。color =&#34; red&#34 ;;     Document.getElementById(&#39; label2id&#39;)。color =&#34; black&#34 ;;     }     其他{        的document.getElementById(&#39; label2id&#39;)颜色=&#34;红色&#34 ;;     的document.getElementById(&#39; label1id&#39)。颜色=&#34;黑色&#34 ;;     }     }      使用硬编码的ID,它会在我动态生成时无法正常工作。  现在我想我已经解决了这个问题 但是再次感谢您的回复我会尝试该代码,并且一旦能够实现它就会发布答案。 很长一段时间,请帮助坚持这个......

1 个答案:

答案 0 :(得分:0)

您应该始终展示您尝试解决问题的方法,这可能就是您收到投票的原因。您尚未关闭标签代码。也许您可以从以下代码中学到一些东西: 有关完整的解决方案,请参阅jsfiddle

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