Question

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

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

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

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

Answer 1

试试这个

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

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

Answer 2

用'jQuery'替换所有'$'符号

由于wordpress默认使用jQuery = noconflict

单选按钮在wordpress 7中不起作用

2 个答案: