チェックボックスのチェック方法がチェックされていません

チェックボックスをオンにしていない場合にユーザーに警告し、フォームに戻る少なくとも1つのチェックボックスをオンにした後、次のページに進んでくださいどうすればいいですか？チェックボックスのチェック方法がチェックされていません

<input type="checkbox" name="pay[]" value=" 
    <?php 
    echo $DateArr[$record_count].";"; 
    echo $invoiceArr[$record_count].";"; 
    echo $TotalArr[$record_count].";"; 
    echo $amount_dueArr[$record_count]; 
    ?> 
    " onClick="checkTotal()"/> 

<td ALIGN="right" ><input type="submit" name="submit" value="Continue" onMouseOver="CheckBoxStatus()"></td>

のjavascript：

function CheckBoxStatus() 
         { 

         var checkbox_status = document.getElementsByName("pay[]").value;        
          if (checkbox_status = ";;;") 
          { 
           alert("Please select at least one to proceed!"); 
           return false; 
          } 
          else 
          { 
           alert("Continue!"); 
           return true; 
          } 


         }

ユーザーがチェックされていない場合は、少なくとも一つのチェックボックス、メッセージを警告し、その後

<form name="payform" method="POST" action="payment.php" onSubmit=" CheckBoxStatus()">

どのように形成するために戻りますユーザーがチェックボックスをチェックしていない場合、フォームに留まることはできますか？

は、このようなことがある：

function CheckBoxStatus() 
          { 
           if (document.getElementsByName("pay[]").checked == true) 
           { 
            document.forms["payform"].submit(); 
            return true; 
           } 
           else 
           { 
            alert("Please select at least one invoice to proceed!"); 
            document.forms["payform"].reset(); 
            return false; 

           } 
          }

私はこのように行うことができます。 `

function CheckBoxStatus() 
          { 
          var status=$("pay[]").attr('checked'); 

          if (status=true) 
          { 
          //if(document.getElementsByName("pay[]").checked) { 
           return true; 
          } 
          else { 
           alert("Please select at least one to proceed!"); 
           return false; 
          } 


          }`

出典

2012-01-16 Rick Ant

チェックボックスが常にJSの値を持つことになり、あなたがそれを生成している方法。チェックボックスの '.checked'属性（true/false）をチェックしたいとします。 –

if checkbox.value = ";;;" =偽ですか？ –

番号。 'if（checkbox.checked == false）{...チェックされていません...}' –

jQueryの

var $checked = $("input:checked"); 
if($checked.length == 0) { 
    alert("Please select at least one to proceed!"); 
}

出典

2012-01-16 02:49:40

？ –

どこにその機能を置くべきですか？ CheckBoxStatus（）？ –

jQueryは、これをすべて使用する場合は必要ありません。 – Jivings

でHTMLは混乱のビットであること。いくつかのもの...

ボタンを含む<td>タグを取り除いてください。それは目的があるように見えません。
JavaScriptを呼び出すには、onsubmitではなくonMouseOverを使用する必要があります。

このチェックボックスがオンになっているかどうかをチェックするには、機能を次のように変更します。

function checkBoxStatus { 
    if(document.getElementsByName("pay[]").checked) { 
     return true; 
    } 
    else { 
     alert("Please select at least one to proceed!"); 
     return false; 
    } 
}

EDIT。アラートを忘れた場合

出典

2012-01-16 02:54:25 Jivings

この関数はどこで呼び出すべきですか？ボタンやフォームに？

フォームまたは送信ボタンのいずれか。あなたはすでにフォーム上に 'onsubmit'を持っているので、それらを組み合わせるでしょうか？ – Jivings

falseを返すと、なぜ次のページに続くのですか？ –

jqueryが含まれているかどうかを確認してください。：|

これを試してみてください：

<input id="ipay" type="checkbox" name="pay[]" value=" 
<?php 
echo $DateArr[$record_count].";"; 
echo $invoiceArr[$record_count].";"; 
echo $TotalArr[$record_count].";"; 
echo $amount_dueArr[$record_count]; 
?>" 
/> 

<td ALIGN="right" ><input type="submit" name="submit" value="Continue"></td> 
<form id="pform" name="payform" method="POST" action="payment.php">

Javascriptを：

$(document).ready(function() { 
      $('#pform').submit(function(e) { 
        var paycheck = $('#ipay').attr('checked'); 
        if(paycheck != true or paycheck != 'checked') { 
          alert('Please check at least one option.'); 
          e.preventDefault(); 
        } 
      }); 
    });

出典

2012-01-16 06:46:29 Sterex

あなたはこのような何か行うことができます。

<html> 
    <head> 
     <title>Verify Checkbox</title> 
     <script type="text/javascript"> 
      function verifyCheckboxSelected(form) { 
       var theForm = document.forms[form]; 
       var valid = false; 

       for(var i=0; i < theForm.length; i++) { 
        if(theForm.elements[i].checked) { 
         valid = true; 
        } 
       } 

       if (!valid) { 
        alert('You must select at least one checkbox') 
        return false; 
       } 
      } 
     </script> 
    </head> 
    <body> 
     <form name="myForm" onSubmit="return verifyCheckboxSelected(this.name)"> 
      <input type="checkbox" name="myCheckBoxes[]"/>Checkbox A</br> 
      <input type="checkbox" name="myCheckBoxes[]"/>Checkbox B</br> 
      <input type="checkbox" name="myCheckBoxes[]"/>Checkbox C</br> 
      <input type="submit" value="submit" /> 
     </form> 
    </body> 
</html>

出典

2012-01-16 07:02:18 Jeff

チェックボックスのチェック方法がチェックされていません

答えて

関連する問題