如何简化脚本以进行检查

Question

如何简化下一个脚本(jquery)。

第一个代码检查是否存在 "checked" 并显示相关字段或 none 字段。

第二个代码在这里，以防用户更改选项。

$(document).ready(function(){
if ($("#Check_0").is(":checked")){
    $('#field_2, #field_1').addClass('hidden')
}
if ($("#Check_1").is(":checked")){
    $('#field_2').addClass('hidden')
 $('#field_1').removeClass('hidden')
}
if ($("#Check_2").is(":checked")){
    $('#field_1').addClass('hidden')
 $('#field_2').removeClass('hidden')
}

$('#Check_0').change(function() {
  if ($(this).is(':checked')) {
    $('#field_1, #field_2').addClass('hidden');
  }
});
$('#Check_1').change(function() {
  if ($(this).is(':checked')) {
    $('#field_2').addClass('hidden');
 $('#field_1').removeClass('hidden');
  }
});
$('#Check_2').change(function() {
  if ($(this).is(':checked')) {
    $('#field_1').addClass('hidden');
 $('#field_2').removeClass('hidden');
  }
});
});

.hidden {display:none;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

<input type="radio" name="Check" value="none" id="Check_0" checked="checked" /> none
<input type="radio" name="Check" value="one" id="Check_1" /> one
<input type="radio" name="Check" value="two" id="Check_2" /> two
<div id="field_1">
<p>one <input type="text" class="input" /></p>
</div>

<div id="field_2">
<p>two <input type="text" class="input" /></p>
</div>

Answer 1

$(document).ready(function() {
    var fn = function() {
        for (var i = 1; i <= 2; ++i)
            $('#field_'+i)[$("#Check_"+i).is(":checked") ? "removeClass" : "addClass"]('hidden');
    };
    fn();
    $('#Check_0, #Check_1, #Check_2').change(fn);
});

如何简化脚本以进行检查

How to simplify the script for checking purpose

javascript

jquery

select

checked