0

我有一个带有插件的 wordpress 站点，它给了我 2 个单选按钮。它们是 Yes 和 No。因为 Yes 的值高于 No，所以插件默认选择 No。对于我网站的访问者来说，是的将是最常见的答案。这就是为什么我正在寻找一些在页面加载后选择另一个单选按钮的代码。在谷歌搜索、复制和粘贴之后，我想出了这个：

<script type='text/javascript'>
            $(document).ready(function(){
            var $radios = $('input:radio[name=vraag]');
                $radios.filter('[value=Yes]').attr('checked', true);
            });
        </script>

我已经把它放在我的 wordpress 模板中，但它什么也没做。我对 jquery 或 javascript 一无所知，我只知道一点基本的 HTML，所以我迫切需要一些指导。任何人都可以指出我正确的方向吗？

4

3 回答 3

1

在document.ready 函数中使用以下代码作为默认选择选项

$("input:radio[value='PM']").attr("checked","checked");
于 2016-04-26T11:32:14.407 回答
0

在 jQuery 中你可以做到这一点。

HTML

<input type='radio' name='type' class='radio-buttons' id='yes'>Yes
<input type='radio' name='type' class='radio-buttons' id='no'>No

Javascript

$(function(){ //shorthand for $(document).ready(function(){
   $('#no').removeAttr("checked"); // selects id no and unchecks it
   $('#yes').attr('checked', true);  // selects id yes and checks it
});

编辑：

Javascript

$(function(){
   // This will switch all radio buttons on the page, assuming you only have those 2.
   $radio_buttons = $('input:radio');
   $radio_buttons.each(function(){
      if ($(this).is(':checked')){
         $(this).prop('checked', false);
      }
      else{
         $(this).prop('checked', true);
      }
   }
});
于 2012-07-10T18:49:26.350 回答
0

让我回答我自己的问题。不幸的是，FERMIS 的解决方案对我不起作用。通过更多的搜索，我发现了一些不仅有效的东西，bit 使用单选按钮的值，因此甚至应该使用超过 2 个单选按钮。这是代码

$(document).ready(function(){ $('input[value="Yes"]').attr('checked', 'checked');

简单而简短，但有效:)

于 2012-07-11T18:29:24.427 回答