Question

我有代码：

<ul id="block1">
    <li class="current"><a href='#block1-1'>1</a></li>
    <li><a href='#block1-2'>2</a></li>
</ul>

<div id='block1-1' class='question-content'>Question 1<br>
    <input type="radio" name="block1-q1-answer" id="block1-q1-a" value="a">A. answer<br>
    <input type="radio" name="block1-q1-answer" id="block1-q1-b" value="b">B. answer<br>
    <input type="radio" name="block1-q1-answer" id="block1-q1-c" value="c">C. answer<br>
    <input type="radio" name="block1-q1-answer" id="block1-q1-d" value="d">D. answer<br>
</div>
<div id='block1-2' class='question-content'>Salov 2<br>
    <input type="radio" name="block1-q2-answer" id="block1-q2-a" value="a">A. answer<br>
    <input type="radio" name="block1-q2-answer" id="block1-q2-b" value="b">B. answer<br>
    <input type="radio" name="block1-q2-answer" id="block1-q2-c" value="c">C. answer<br>
    <input type="radio" name="block1-q2-answer" id="block1-q2-d" value="d">D. answer<br>
</div>

我想要的是：当用户选择单选按钮时，我必须添加到问题编号

这是我的jquery：

$(".question-content").click(function(event) {
    event.preventDefault();
    $(this).parent().addClass("choosen");
    $(this).parent().siblings().removeClass("choosen");
});

P.S。对不起，我忘了发帖子jquery

Answer 1

使用以下代码

$(document).on('change', 'input:radio', function () {
    $('a[href=#'+$(this).parent().attr('id')+']').addClass('chosen');
});

请参阅jsfiddle http://jsfiddle.net/0v2d2akq/1/

Answer 2

相当容易理解的代码：

$(function(){
    $(".question-content input").click(function(){
        $(this).parent().addClass("my-class");
    })
})

基本上，代码在加载文档后运行。它会检查点击.question-content的输入的时间，它会运行$(this).parent().addClass("my-class");。这意味着找到它的父项question-content之一，并将类my-class添加到其中。

随意请求更多解释。 ;）

通过无线电选择添加到另一个

2 个答案: