4

私は小さなクイズアプリを作成していますが、選択肢はすべてリストアイテムです（li）

jQueryまたはjavascriptで、ユーザーが1つの回答を選択できるようにするには（「a」タグを追加する必要がある場合は問題ありません）、送信をクリックすると（javascriptまたはjqueryを介して実行できます）、値一緒に提出されます。また、ユーザーがオプションをクリックしたとき。cssを操作するためにjqueryコードをどこに配置しますか。

サンプルコード：

<li id="q1" value="1">Option 1</li>
<li id="q2" value="2">Option 2</li>
<li id="q3" value="3">Option 3</li>

前もって感謝します。私が少し混乱しているように聞こえるか、私が何を言おうとしているのか理解できない場合は、コメントしてください。明確にしようと思います。

4

1 に答える 1

2

多分あなたは使うべきです（または少なくとも試してみてください）

<input type="radio">

これらの醜いJavaScriptの混乱をすべて回避するためです。

方法1

<label><input type="radio" name="Question" value="1">Option 1</label><br>
<label><input type="radio" name="Question" value="2">Option 2</label><br>
<label><input type="radio" name="Question" value="3">Option 3</label>

使用する：

-webkit-appearance: none;
-moz-appearance: none;

背景、色、境界線など、好きなものを適用できるように、デフォルトからすべてのスタイルをクリアします。<input>

方法2

<li><label><input type="radio" name="Question" value="1">Option 1</label></li>
<li><label><input type="radio" name="Question" value="2">Option 2</label></li>
<li><label><input type="radio" name="Question" value="3">Option 3</label></li>

input[type=radio]{
    width:0px;
    height:0px;
}

この方法を使用すると、をクリックしたときにラジオボタンも選択されます<li>。さらに、あなたもあなたのスタイリングをすることができます<li>！

ライブデモ：http： //jsfiddle.net/DerekL/CDV7q/（いくつかの追加の変更を加えて）

于 2012-05-27T23:06:02.007 に答える