Question

我正在尝试在wordpress中创建一个页面（它是在管理界面中的wordpress自定义页面工具中构建的）。

我想要的是3个单选按钮。 2可见1隐藏。应该自动检查隐藏的一个，以便显示正确的div。（当我在css中使用z-index时可能不需要？）

当用户单击其中一个复选框时，它应隐藏另外两个div并显示正确的div（请注意它们位于页面上的相同位置）。

对于一些共鸣，我无法在wordpress中使用它。或者如果有另一种方式以同样的方式对我开放。

CSS：

#apDiv3 {
    position:absolute;
    left:405px;
    top:53px;
    width:485px;
    height:434px;
    z-index:12;
    background-color: #000;
    color: #F00;
}

#apDiv10 {
    position:absolute;
    left:405px;
    top:53px;
    width:485px;
    height:434px;
    z-index:11;
    background-color: #000;
    color: #F00;
}

#apDiv11 {
    position:absolute;
    left:405px;
    top:53px;
    width:485px;
    height:434px;
    z-index:11;
    background-color: #000;
    color: #F00;
}


<script>
$(document).ready(function(){ 
    $("input[name='payway']").click(function() {

        var test = $(this).val();
        $(".desc").hide();
        $("#"+test).show();
    }); 
});
</script>

HTML / PHP：

 <p>
      <input type="radio" name="payway" value="apDiv10"  />
      pay2

      <input type="radio" name="payway" value="apDiv3" checked="checked" style="display:none;">

  </p>
    <p>
      <input type="radio" name="payway" value="apDiv11" />
      Pay1

    </p>


<div id="apDiv3" class="desc">

This is the standard div that should be visable

</div>


<div id="apDiv10" class="desc">

Shows this div when user click on checkbox pay2

</div>


<div id="apDiv11" class="desc">

Shows when user click checkbox pay1

</div>

Answer 1

当我看到head.php文件时，似乎有一个dident工作的脚本，这使我的脚本根本无法工作。一旦我从头部删除了脚本就可以了。

谢谢大家！

单选按钮在wordpress中显示和隐藏div

1 个答案: