Jquery .on方法不一致无响应

Question

我有两个单选按钮直接相互叠加。每一个都显示其各自的div并隐藏另一个无线电的div。关于它们的一切都是相同的，除了名称 - “#fed”起作用，“＃state”不起作用。有什么想法吗？

HTML：

<label class="radio"><input type="radio" name="jur" id="fed" /> Federal</label>
        <span class="searchtype" id="feddiv"></span>

<label class="radio"><input type="radio" name="jur" id="state" /> State</label>         
        <span class="searchtype" id="statediv" ></span>

使用Javascript：

$('#state').on('click',function(event) {
    $('#statediv').show();
    $('#feddiv').hide();
});
$('#fed').on('click',function(event) {
    $('#feddiv').show();
    $('#statediv').hide();
});

Answer 1

而不是.on('click', function(){});为什么不使用.click(function(){});？

此外，在“标签”中设置 ID 而不是“输入”，只需这样人就可以点击文字隐藏其余部分。