Question

我有一个带有插件的wordpress网站，它给了我2个单选按钮。这些是“是”和“否”。因为“是”的值高于“否”，插件选择“否”作为默认值。对于访问我网站的访问者，“是”是最常见的答案。这就是为什么我在寻找一些在加载页面后选择其他单选按钮的代码。谷歌搜索，复制和粘贴后我想出了这个：

<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，所以我迫切需要一些指导。有谁能指出我正确的方向吗？

Answer 1

在 document.ready function

中使用以下代码作为默认选择选项

$("input:radio[value='PM']").attr("checked","checked");

Answer 2

在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);
      }
   }
});

Answer 3

让我回答我自己的问题。不幸的是，FERMIS的解决方案对我不起作用。通过更多的搜索，我找到了一些不仅有效的东西，bit使用了单选按钮的值，所以甚至可以使用2个以上的单选按钮。这是代码

（文档）$。就绪（函数（）{ $（'input [value =“Yes”]'）。attr（'checked'，'checked'）;

简单而短暂但有效：）

使用jQuery更改默认单选按钮

3 个答案: