0

私はこのトピックに関するほぼすべての回答を経験してきましたが、解決策を見つけるのに苦労しました。

基本的に、ラジオボタンまたはチェックボックスが選択されているかどうかを確認する機能を実行するボタンをクリックしようとしています。

後で、これらの選択のさまざまな組み合わせをテストできるようにしたいと思います。

これがコードです。

<html>
<head>
  <script type = "text/javascript">
    function custom_urls(){
      var option1 = document.getElementById("option1");
      var option2 = document.getElementByid("option2");
      var bonus = document.getElementByid("bonus");                                          

      if ( option1.checked ){
        alert("Option1 is checked!");
      }
    }


  </script>
</head>
<body>
  <input type = "radio" id = "option1" > Option1 </input></br>
  <input type = "radio" id = "option1" value = "option2"> Option2 </input></br>
  <input type = "checkbox" id = "bonus" value = "bonus"> Bonus </input></br>
  <button type = "button" onclick = "custom_urls()">Click Me</button> 

</body>
</html>

私も入れてみました：

if(option1.checked == true)

と

if(document.getElementById("option1").checked == true)

ありがとう！

4

3 に答える 3

4

コードにタイプミスがあるようです。それはでなければなりませんdocument.getElementById：

<html>
<head>
  <script type = "text/javascript">
    function custom_urls(){
      var option1 = document.getElementById("option1");
      var option2 = document.getElementById("option2");
      var bonus = document.getElementById("bonus");                                          

      if (option1.checked){
        alert("Option1 is checked!");
      }
    }


  </script>
</head>
<body>
  <input type = "radio" id = "option1" > Option1 </input></br>
  <input type = "radio" id = "option2" value = "option2"> Option2 </input></br>
  <input type = "checkbox" id = "bonus" value = "bonus"> Bonus </input></br>
  <button type = "button" onclick = "custom_urls()">Click Me</button>

</body>
</html>
于 2012-12-05T23:21:58.993 に答える
0

コードにはいくつかの問題があります。

<input type = "radio" id = "option1" > Option1 </input></br>

入力要素にはコンテンツも終了タグもありません。BR要素も空であり、終了タグはありません（終了タグとして記述しています）。XMLとして提供されるXHTMlを使用している場合は、

<option ... /><br />

ただし、コンテンツをXMLとして提供する人はいないため、プレーンHTMLを使用してください。

オプション2

重複するIDは無効です。成功するには、フォームコントロールに名前属性があり、フォーム内にある必要があります。IDは必要ありません。ラジオボタンには同じ名前のグループが必要です。グループが1つしかない場合は、フォームをリセットせずに（またはスクリプトを使用して）選択を解除することはできません。

HTMLは次のようになります。

<form>
  <input type="radio" name="rb0" value="option1" > Option1<br>
  <input type="radio" name="rb0" value="option2" > Option2<br>
  <input type="checkbox" name="bonus" value="bonus"> Bonus<br>
  <button type="button" onclick="custom_urls(this)">Click Me</button>

次に、関数は次のようになります。

function custom_urls(button) {
  var form = button.form;
  var option1 = form.rb0[0];
  var option2 = form.rb0[1];
  var bonus = form.bonus;

  if ( option1.checked ){
    alert("Option1 is checked!");
  }
}
于 2012-12-05T23:46:57.183 に答える
0

次のような簡単なソリューションを使用できます。

var checkbox = document.getElementById('checkbox_id');

if (checkbox.getAttribute('checked') !== null) {
    // .. do something
}
于 2012-12-05T23:22:48.023 に答える