Jquery 如果选中单选按钮,则切换表单字段的可见性

Jquery 如果选中单选按钮,则切换表单字段的可见性,jquery,radio-button,toggle,Jquery,Radio Button,Toggle,我最初试图隐藏一组表单字段。然后,如果选择了单选按钮,则显示该组字段。然后,如果取消选择该收音机,请再次隐藏它们 前两个工作正常(最初隐藏字段,如果选择了radio,则显示字段)。但我无法让他们在取消选择收音机时再次隐藏。我肯定我遗漏了一些明显的东西,但我不知道是什么 改变 function toggleFields() { if ($("#custom-105965_0").is(':checked')) { 及 更好、更简短的代码版本 更简短的版本 改变 funct

我最初试图隐藏一组表单字段。然后,如果选择了单选按钮,则显示该组字段。然后,如果取消选择该收音机,请再次隐藏它们

前两个工作正常(最初隐藏字段,如果选择了radio,则显示字段)。但我无法让他们在取消选择收音机时再次隐藏。我肯定我遗漏了一些明显的东西,但我不知道是什么

改变

function toggleFields() {
    if ($("#custom-105965_0").is(':checked')) {


更好、更简短的代码版本


更简短的版本

改变

function toggleFields() {
    if ($("#custom-105965_0").is(':checked')) {


更好、更简短的代码版本


更简短的版本


非常感谢您!我不能使用“attributestartswith”部分来缩短代码,因为在live页面上,实际上有更多字段以我不想隐藏的相同字符串开头。但对以后的参考很有帮助。非常感谢。非常感谢你!我不能使用“attributestartswith”部分来缩短代码,因为在live页面上,实际上有更多字段以我不想隐藏的相同字符串开头。但对以后的参考很有帮助。非常感谢。
$(".custom-105965").change(function () {//assign change handler to both radio buttons
        toggleFields();
});
$(document).ready(function () {
    $("[id^=bsd-field-custom-1059]").hide();
    $(".custom-105965").change(function () {
        if (this.value == 'Yes') {
            $("[id^=bsd-field-custom-1059]").show();
        } else {
            $("[id^=bsd-field-custom-1059]").hide();
        }
    });
});
$(document).ready(function () {
    $("[id^=bsd-field-custom-1059]").hide();//hide all
    $(".custom-105965").change(function () {//change event on radio button
        $("[id^=bsd-field-custom-1059]").toggle(this.value == 'Yes'); //if selected radio button has value yes than return true i.e show else false i.e hide
    });
});