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/

更新25.01.2013
从jQuery库1.8.x升级到1.9.x
请使用而不是
jQuery Library 1.8.x

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

jQuery Library 1.9.x.

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

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