1

一連のラジオ ボタンから選択するために使用するテーブルを含むフォームがあります。

(説明: テーブルは、onClick コマンドを使用して一連のボタンとして機能します。たとえば、次のようになります。

...
        <td onClick="answer7()" background="images/button-bg7.png" width="100"><div align="center"><span class="style4">Activities</span></div></td>
          <td onClick="answer8()" background="images/button-bg8.png" width="100"><p align="center" class="style2">Suggestions/ Ideas</p>          </td>
          <td onClick="answer9()" background="images/button-bg9.png" width="100"><div align="center"><span class="style2">Repairs</span></div></td>
...

)

これは、一連の非表示フィールド、本質的に非表示のラジオ ボタンから選択します (例:

        <input type="hidden" name="RadioGroup1" value="Activities" id="RadioGroup1_6" />
Activities</label>
        <br />
        <label>
        <input type="hidden" name="RadioGroup1" value="Suggestions" id="RadioGroup1_7" />
Suggestions</label>
        <br />
        <label>
        <input type="hidden" name="RadioGroup1" value="Repairs" id="RadioGroup1_8" />
Repairs</label>

)

これはテスト済みで、うまく機能します。実際、テーブルのボタンは、非表示のラジオ フィールドから正しい選択肢を選択します。

ここで、フォームのさらに下にある文を作成して、どちらを選択したかを伝えたいと思います。たとえば、「以下の選択した選択肢のクエリを続けてください:」

JavascriptまたはjQueryを使用する必要があると思いますが、それを構築する方法がわかりません。

何か案は?

4

1 に答える 1

0

最初のコメントとして、これらすべての要素に対して1つのonClickハンドラーを作成すると簡単になります。tdのid属性(もちろん設定する必要があります)をクリックすると、非表示のフィールドは不要になり、同時にユーザーが選択できます。このようなもの:

<table>
    <tr>
        <td class="myClick" id="Activities"> Press here </td>
    </tr>
    <tr>
        <td class="myClick" id="Repairs"> Press here aswell </td>
    </tr>
</table>

変更するid属性である必要はありませんが、他の属性を使用することもできます。jQueryに触発された:

$("td.myClick").click(function() { alert("You clicked: " + $(this).attr("id")); }); 

これはその始まりであるはずです。アラート部分を変更して、jQueryで別のdivを編集できます(ヒントは.html()関数を使用することです)。これはかなり簡単なはずです。さらに情報が必要かどうかお尋ねください。

于 2012-05-31T07:48:42.223 に答える