0

1 つの質問に 5 つの回答オプションがあるアンケートがあります。ユーザーは 3 つにチェックを入れて、それらの 3 つに評価を付けることができます。誤解を避けるために、HTML コードを次に示します。

<table>
    <tr>
        <td><input type="checkbox" name="option_1"> Option 1 (to be determined)</td>
        <td>
            <select name="">
                <option value="">as:</option>
                <option value="3">1st</option>
                <option value="2">2nd</option>
                <option value="1">3rd</option>
            </select>
        </td>
    </tr>
    <tr>
        <td><input type="checkbox" name="option_2"> Option 2 (to be determined)</td>
        <td>
            <select name="">
                <option value="">as:</option>
                <option value="3">1st</option>
                <option value="2">2nd</option>
                <option value="1">3rd</option>
            </select>
        </td>
    </tr>
    <tr>
        <td><input type="checkbox" name="option_3"> Option 3 (to be determined)</td>
        <td>
            <select name="">
                <option value="">as:</option>
                <option value="3">1st</option>
                <option value="2">2nd</option>
                <option value="1">3rd</option>
            </select>
        </td>
    </tr>
    <tr>
        <td><input type="checkbox" name="option_4"> Option 4 (to be determined)</td>
        <td>
            <select name="">
                <option value="">as:</option>
                <option value="3">1st</option>
                <option value="2">2nd</option>
                <option value="1">3rd</option>
            </select>
        </td>
    </tr>
    <tr>
        <td><input type="checkbox" name="option_5"> Option 5 (to be determined)</td>
        <td>
            <select name="">
                <option value="">as:</option>
                <option value="3">1st</option>
                <option value="2">2nd</option>
                <option value="1">3rd</option>
            </select>
        </td>
    </tr>
</table>

ユーザーが 3 つ以上のオプションにチェックマークを付けていないこと、および 1 位、2 位、3 位の評価が 1 回しか使用されていないことを確認できる必要があります。次のように、各項目を個別にチェックする JavaScript で確認できます。

if (document.form_name.option_1.value != "") && 
(document.form_name.option_2.value != "") && 
(document.form_name.option_3.value != "") && 
(document.form_name.option_4.value != "") 
{alert('You can only tick three options'); return false};

しかし、それは巨大なスクリプトを提供します。もっと簡単な方法はありますか?javascript または PHP の場合があります。できれば後者ですが、私は PHP にそれほど精通していないので、すぐに使用できるスクリプトが必要になります。

よろしくお願いします。

4

2 に答える 2