0

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>

これをワードプレスのテンプレートに入れましたが、何もしていません。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 のソリューションは私にはうまくいきませんでした。さらに多くの検索を行うと、機能するだけでなく、ビットがラジオボタンの値を使用するため、2つ以上のラジオボタンでも機能するはずです。これがコードです

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

シンプルで短いですが、効果的です:)

于 2012-07-11T18:29:24.427 に答える