Javascript 切换收音机上的Div可见性按钮选择问题

我已使用以下代码创建了一个Div可见性切换：

$（'input[name=“type”]）。在（'change'，function（）上{
var show=$（this.val（）；
$（“.typechoice”）.hide（）；
$（“#”+show）.show（）；
})

独奏

公司

独奏
公司

也许您可以提取change函数，并在加载页面时调用它：

function showDiv() {
    var show = $("input[name='type']:checked").val();
    $(".typechoice").hide();
    $("#"+show).show();

}

$(document).ready(function () {
    $('input[name="type"]').on('change', showDiv)
    showDiv();
});

---

也许您可以提取change函数，并在加载页面时调用它：

function showDiv() {
    var show = $("input[name='type']:checked").val();
    $(".typechoice").hide();
    $("#"+show).show();

}

$(document).ready(function () {
    $('input[name="type"]').on('change', showDiv)
    showDiv();
});

---

只需使用下一行触发checked checkbox的change事件来隐藏另一个div

$('input[name="type"]:checked').change()

完整代码

$（'input[name=“type”]）。在（'change'，function（）上{
var show=$（this.val（）；
$（“.typechoice”）.hide（）；
$（“#”+show）.show（）；
})
$（'input[name=“type”]：checked'）.change（）

独奏


公司


AAAA
BBBB

只需使用下一行触发checked checkbox的更改事件，以最初隐藏另一个div

$('input[name="type"]:checked').change()

完整代码

$（'input[name=“type”]）。在（'change'，function（）上{
var show=$（this.val（）；
$（“.typechoice”）.hide（）；
$（“#”+show）.show（）；
})
$（'input[name=“type”]：checked'）.change（）

独奏


公司


AAAA
BBBB

在

document.ready（）

$（函数（）{
$（'input[type=radio]：选中'）。更改（）；
});
$（'input[name=“type”]”）。在（'change'，function（）上{
var show=$（this.val（）；
$（“.typechoice”）.hide（）；
$（“#”+show）.show（）；
})

独奏

公司

独奏
公司

最简单的方法是在

document.ready（）

$（函数（）{
$（'input[type=radio]：选中'）。更改（）；
});
$（'input[name=“type”]”）。在（'change'，function（）上{
var show=$（this.val（）；
$（“.typechoice”）.hide（）；
$（“#”+show）.show（）；
})

独奏

公司

独奏
公司

您也可以使用类似的东西：

$('#'+$('input[name="type"]:checked').val()).show();

看起来很难看，但很管用。

---

演示：

您也可以使用类似的内容：

$('#'+$('input[name="type"]:checked').val()).show();

看起来很难看，但很管用。 演示：