jquery - 获取按钮组中选定单选的类别

Question

如果单选按钮组的选定单选具有“红色”以外的类，如何隐藏 div？

<form>
  <input class="blue" name="model" value="XTC_01" type="radio">
  <input class="red"  name="model" value="XTC_02" type="radio">
  <input class="red"  name="model" value="XTC_03" type="radio">
  <input class="blue" name="model" value="XTC_04" type="radio">
</form>

<div id="red_info">Hidden if selected radio class is not "red".</div>

谢谢你的建议。

Answer 1

Try this:

$('input:radio[name="model"]').change(function() {
    $('#red_info').toggle(this.className == 'red');
});

Answer 2

您可以使用以下方法简单地隐藏具有 Red 类的选中单选按钮的 div。

$("input[type='radio'][class='red']:checked").hide('#red_info')

Answer 3

check sample on jsFiddle http://jsfiddle.net/vijaypatel/ZwmdJ/

var className =  $('input[name="model"]:checked').attr('class');

Now check whether className is red or not and process further.

Answer 4

你可以做：

$('input[name="model"]').change(function() {
    var val = $("input[type='radio']:checked").attr('class');
    if(val == "red") {
       $("#red_info").hide();
    } else {
        $("#red_info").show();
    }
});

小提琴

Answer 5

假设您的代码那么小，而不是使用大量的伪选择器

$('input:radio').click(function(){
    if($(this).hasClass('red')){
        $('#red_info').show();
    } else {
        $('#red_info').hide();
    }
});

亲吻是你应该去的！

Answer 6

if($("form>:not(.red)").is(":selected")){
    $("#red_info").hide();
}

无论如何，我同意马里奥·德·沙普梅斯特的观点。这太简单了，以至于 jQuery 是一种矫枉过正。