单选按钮在按字机 7 中不起作用

Radio button not working in wordpress 7

本文关键字：不起作用 字机 单选按钮      更新时间：2024-01-10
<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没有触发？

试试这个

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

还要确保标头中有脚本源。

将所有

"$"符号替换为"jQuery"

由于wordpress默认使用jQuery=noconflict。

相关文章：