Javascript 单选按钮在wordpress 7中不工作 $（函数（）{ $（'input.check1'）。单击（函数（）{ $（'#show1'）.show（）；$（'#show2'）.hide（）； }); $（'input.check2'）。单击（函数（）{ $（'#show2'）.show（）；$（'#show1'）.hide（）； }); });

这是我试图在WordPress7.1页面中使用的Javascript代码，使用单选按钮显示和隐藏包含表格的“div”部分。下面是单选按钮的代码：

<script type="text/javascript">
$(function(){
$('input.check1').click(function(){
$('#show1').show();$('#show2').hide();
});
$('input.check2').click(function(){
$('#show2').show();$('#show1').hide();
});
});
</script>

选项1
选择2

但它不起作用。我不知道该怎么办，也许Javascript没有触发？

试试这个

<input type="radio" name="chec" class="check1" checked="checked">Option 1
<input type="radio" name="chec" class="check2">Option 2

jQuery（函数（）{
$（'.check1'）。单击（函数（）{
$（'#show1'）.show（）；
$（'#show2'）.hide（）；
});
$（'.check2'）。单击（函数（）{
$（'#show2'）.show（）；
$（'#show1'）.hide（）；
});
});

---

还要确保在标题中包含脚本源。

将所有“$”符号替换为“jQuery”

---

由于wordpress默认使用jQuery=noconflict

将

$（function（）{

替换为

jQuery（function（$）{

最新版本是3.7.1ya，它是wordpress 3.7.1…我已将javascript放在header.php的标记下。但它仍然无法工作…使用wordpress 3.7.1。。。

<script type="text/javascript">
jQuery(function(){
    $('.check1').click(function(){
    $('#show1').show();
    $('#show2').hide();
});
   $('.check2').click(function(){
   $('#show2').show();
   $('#show1').hide();
});
});
</script>