jQuery单选按钮显示div

Question

嘿家伙，我可以用什么函数来说，如果这个单选按钮被选中显示这个'div'。 在此先感谢。

Answer 1

HTML

<form id='form-id'> 
    <input id='watch-me' name='test' type='radio' /> Show Div<br /> 
    <input name='test' type='radio' /><br /> 
    <input name='test' type='radio' /> 
</form> 
<div id='show-me' style='display:none'>Hello</div> 

jQuery的

$('#form-id').change(function() { 
    if ($('#watch-me').attr('checked')) { 
     $('#show-me').show(); 
    } else { 
     $('#show-me').hide(); 
    } 
}); 

你可以看到它在这里的行动：http://jsfiddle.net/wmKGd/

UPDATE 2013年1月25日
从jQuery库1.8.x的升级后的1.9.x
请使用而不是
jQuery库1.8.x的

jQuery('#some-id').attr('checked') 

jQuery库的1.9.x

jQuery('#some-id').prop('checked') 

你可以在这里看到它与更新的脚本：http://jsfiddle.net/9XXRY/

Answer 2

$("myradiobuttonselector").change(function() { 
    if ($(this).attr("checked")) { 
    $("mydivSelector").show(); 
    } 
    else { 
    $("mydivSelector").hide(); 
    } 
}); 

Answer 3

这就是我使用的。将“mydiv”替换为您单选按钮的ID，并将“content1”替换为您要显示/隐藏的内容。

发布一些html，如果你需要进一步的帮助。

$(document).ready(function(){ 
    $('#content1').hide(); 

    $('a').click(function(){ 
     $('#content1').show('slow'); 
    }); 

    $(‘#mydiv’).click(function(){ 
     $('#content1').hide('slow'); 
    }) 
}); 

里克

Answer 4

我喜欢@ tinifni的jsfiddle。这里有3个div，根据收音机显示或隐藏。

http://jsfiddle.net/dbwest/wmKGd/572/

$('#form-id').change(function() { 
    if ($('#watch-me').attr('checked')) { 
     $('#show-me').show(); 
    } else { 
     $('#show-me').hide(); 
    } 
    if ($('#watch-me2').attr('checked')) { 
     $('#show-me2').show(); 
    } else { 
     $('#show-me2').hide(); 
    } 
    if ($('#watch-me3').attr('checked')) { 
     $('#show-me3').show(); 
    } else { 
     $('#show-me3').hide(); 
    } 
});