在按钮组中获取所选无线电的课程

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

而是采用了很多pseudoselectors的，假设你的代码是小

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

KISS是你应该去什么！

Answer 2

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

无论如何，我同意Mario De Schaepmeester。这很简单，jQuery是一个矫枉过正。

Answer 3

试试这个：

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

Answer 4

检查样品上的jsfiddle http://jsfiddle.net/vijaypatel/ZwmdJ/

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

现在检查className是否为红色或不和流程进一步。

Answer 5

你可以这样做：

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

Fiddle

Answer 6

你可以简单的隐藏在div的检查单选按钮，通过使用下面的方法有类红。

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