2

私は、このフォームの検証を送信時にラジオボタンで機能させるために、さまざまな方法を検索して試してきましたが、うまくいきませんでした。

私はという名前のフォームを持っています

user_details

私はいくつかのラジオグループを持っています。

overall_experience

もう一つは

promptness

エンドユーザーが各グループのラジオボタンの1つを選択したことを確認するために、どうすれば簡単なjavascript関数validateFormを取得できますか?

私はこれを持っています（ここでスクリーンショットを見てください） http://michaeljbaran.com/script.png

しかし、無線チェックコードが正しくありません。

エンド ユーザーが各ラジオ グループから少なくとも 1 つのオプションを選択したことを確認する方法を知っている人はいますか?

4

1 に答える 1

1

これを見てくださいこれがあなたが必要としているものです：jsfiddle

<table width="440" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td>
            <input type="radio" name="overall_experience" value="1" class="a" />1</td>
        <td>
            <input type="radio" name="overall_experience" value="2" class="a" />2</td>
        <td>
            <input type="radio" name="overall_experience" value="3" class="a" />3</td>
        <td>
            <input type="radio" name="overall_experience" value="4" class="a" />4</td>
        <td>
            <input name="overall_experience" type="radio" value="5" class="a" />5</td>
    </tr>
</table>
<br />
</div>
</div>
<div style="width:100%;clear:both;">
    <div class="fullwidth_question"> <span>2. The promptness...they got there when they said they would.</span> 
    </div>
    <div class="fullwidth_answer_indented">
        <table width="440" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td>
                    <input type="radio" name="promptness" value="1" class="b" />1</td>
                <td>
                    <input type="radio" name="promptness" value="2" class="b" />2</td>
                <td>
                    <input type="radio" name="promptness" value="3" class="b" />3</td>
                <td>
                    <input type="radio" name="promptness" value="4" class="b" />4</td>
                <td>
                    <input type="radio" name="promptness" value="5" class="b" />5</td>
            </tr>
            <input type="button" value="butt" id="butt">

関連するjqueryは次のとおりです。

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">  </script>
    <script type = "text/javascript">
    $(document).ready(function validater() {
    $("#butt").click(function (event) {
        if($(".a").is(':checked') && $(".b").is(':checked') ){
           alert("ok");
            return true;}
        else{alert("nok");
      return false;}
    });
 });
 </script>

フォームの onSubmit で validater() を呼び出します。

于 2013-09-26T19:13:35.967 に答える