Javascript関数がonclickから呼び出されていない

Question

これは私の髪を引き出しています。サイトのボタンにはonclick=method()があり、メソッドを呼び出すことはありません。このメソッドはすべてのチェックボックスをつかみ、チェックされた状態をチェックし、chk[]の配列にtrue/falseを設定します。 WebMethodはその配列をとり、それを3つのより小さい配列に分解し、組み合わせのチェックを実行します。私が言う限りでは、ボタンはメソッドを最初に呼び出すことはありません。

aspxページ：

[WebMethod] 
public static void SendForm(string email, bool[] chk) 
{ 
    bool[] desc = new bool[14]; 
    bool[] loc = new bool[14]; 
    bool[] other = new bool[14]; 
    for (int i = 0; i < 14; i++) 
    { 
     int count = i * 3; 
     desc[i] = chk[count]; 
     loc[i] = chk[count + 1]; 
     other[i] = chk[count + 2]; 

    } 
    if (string.IsNullOrEmpty(email)) 
    { 
     throw new Exception("You must supply an email address."); 
    } 
    else 
    { 
     if (IsValidEmailAddress(email)) 
     { 
      for (int i = 0; i < 14; i++) 
      { 
       if (desc[i]) 
       { 
        if ((loc[i]) && (other[i])) 
        { 
         throw new Exception("Invalid, two parameters selected"); 
        } 
        else if (loc[i]) 
        { 
         // do stuff 
        } 
        else if (other[i]) 
        { 
         // do stuff 
        } 
        else 
        { 
         throw new Exception("Invalid, every exemption must have at least one reason selected"); 
        } 
       } 
       else 
       { 
        throw new Exception("No exemptions have been selected"); 
       } 
      } 
     } 
     else 
     { 
      throw new Exception("You must supply a valid email address."); 
     } 
    } 
} 

EDIT !!： は、次のスクリプトを使用してページを実行する代わりに、以前のスクリプトは同じように動作し、それが呼び出しています

<fieldset id="Fieldset"> 
    <button onclick="SendForm();">Send</button> 
    &nbsp; 
    <button onclick="CancelForm();">Cancel</button> 
</fieldset> 
</form> 
<asp:ScriptManager ID="ScriptManager1" EnablePageMethods="true" EnablePartialRendering="true" runat="server" /> 

<script type="text/javascript"> 
    function SendForm() { 
     var email = $get("txtEmail").value; 
     var elLength = form1.elements.length; 
     var chk = new [42]; 
     for (i = 0; i < elLength; i++) { 
      var count = 0; 
      var type = form1.elements[i].type; 
      if (type == "checkbox") { 
       if (form1.elements[i].checked) { 
        chk[count] = true; 
       } 
       else { 
        chk[count] = false; 
       } 
       count++; 
      } 
      else { 
      } 
     } 
     PageMethods.SendForm(email, chk, OnSucceeded, OnFailed); 
    } 
</script> 

分離コード方法チャーム。前のことがうまくいかなかった理由は分かりません。

<script type="text/javascript"> 
    function SendForm() { 
     var email = $get("txtEmail").value; 
     var elLength = form1.elements.length; 
     for (i=0;i< elLength;i++) { 
      var type = form1.elements[i].type; 
      if (type == "checkbox" && form1.elements[i].checked) { 
       alert("true!"); 
      } 
      else { 
       alert("false!"); 
      } 
     } 
     PageMethods.SendForm(email, chk, OnSucceeded, OnFailed); 
    } 
</script> 

Answer 1

以下、この1枚のjQueryを使用していない理由を ）魔法のように動作と互換性がありません。前のことがうまくいかなかった理由は分かりません。

<script type="text/javascript"> 
    function SendForm() { 
     var email = $get("txtEmail").value; 
     var elLength = form1.elements.length; 
     for (i=0;i< elLength;i++) { 
      var type = form1.elements[i].type; 
      if (type == "checkbox" && form1.elements[i].checked) { 
       alert("true!"); 
      } 
      else { 
       alert("false!"); 
      } 
     } 
     PageMethods.SendForm(email, chk, OnSucceeded, OnFailed); 
    } 
</script> 

Answer 2

代わりの

<button onclick="SendForm();">Send</button> 

のようなあなたの関数を呼び出すこの

<button onclick="javascript:return SendForm();">Send</button> 

Answer 3

のようにそれを呼び出してみてください私はVAR elLength =をForm1）のカップルがあなたのために

1をアドバイスしました.elements.length; //これを使用しようとする - > document.getElementByID（ "form1"）;時にはそれは、さまざまなウェブブラウザあなたの代わりに前のスクリプトの次のスクリプトを使用してページを実行する How to use jQuery to call an ASP.NET web service?