2017-04-19 9 views
0

をプロパティを設定できません。は、私はすでにJSのためにHTMLでIDを追加したが、私はウェブサイトを開くと、それはまだエラーが表示されます(私はすでにIDを追加した)「のonclick」ヌルの

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Insert title here</title> 
<script src="jquery-1.7.2.js" type="text/javascript"></script> 
<script> 
var btn = document.getElementById("btn"); 
btn.onclick = function() { 
    var arrays = new Array(); 
    var items = document.getElementsByName("check"); 
    for(var i=0;i<items.length;i++) { 
     if(items[i].checked) { 
      arrays.push(items[i].value);`enter code here` 
     } 
    } 
    alert("numbers checked:" + arrays.length); 
} 
</script> 
</head> 
<body> 
<input type="checkbox" value="1" name="check" checked/> 
<input type="checkbox" value="2" name="check"/> 
<input type="checkbox" value="3" name="check" checked/> 
<input type="button" value="numbers you have checked" id="btn"/> 
</body> 
</html> 
+7

スクリプトを一番下に移動します。レンダリングされる前に要素を要求しています – Rajesh

+0

ありがとう@Ragesh @Rayon!今はうまくいく。 –

+0

OMG申し訳ありません...もう一度ありがとうございます! @ Rajesh :-) –

答えて

0

ボタンを使用して、この

<!DOCTYPE html> 
<html> 

<head> 
    <meta charset="UTF-8"> 
    <title>Insert title here</title> 
</head> 

<body> 
    <input type="checkbox" value="1" name="check" checked/> 
    <input type="checkbox" value="2" name="check" /> 
    <input type="checkbox" value="3" name="check" checked/> 
    <input type="button" value="numbers you have checked" id="btn" /> 

    <script src="jquery-1.7.2.js" type="text/javascript"></script> 
    <script> 
     var btn = document.getElementById("btn"); 
     btn.onclick = function() { 
      var arrays = new Array(); 
      var items = document.getElementsByName("check"); 
      for (var i = 0; i < items.length; i++) { 
       if (items[i].checked) { 
        arrays.push(items[i].value); 
       } 
      } 
      alert("numbers checked:" + arrays.length); 
     } 
    </script> 
</body> 

</html> 
+0

これがなぜ役立つのか説明してください。読者の方にお返事しています – Rajesh

+0

ありがとう、私はHTMLの後にスクリプトを移動することで、要素がレンダリングされた後でリクエストを呼び出せることを理解しました。 –

0

代わりの入力を使用してみてください。次のように関数を呼び出します。

<button id="btn" onclick="myFunction()"> 
+0

HTML部分をこれに変更すると、JS部分をどのように変更すればよいですか? –

関連する問題

 関連する問題