1

順序付けられていないリスト (ul li) にチェックボックスも含まれているタイムスロットがリストされています。ユーザーがチェックボックスをクリックすると、タイムスロットの横に送信ボタンが表示されます。ここで最初のステップを実行することができました。

私がしなければならない次のことは、ユーザーがタイムスロットの任意の部分（必ずしもチェックボックスではない）をクリックしたときに送信ボタンを表示することです。

これを説明するために、デモ http://jsfiddle.net/hz2t4/46/をセットアップしました

4

2 に答える 2

1

チェックボックスの入力をラベルでラップすると、必要な処理が実行されます。

<label><input type="checkbox"></label>

これがデモンストレーション用の更新されたjsfiddleです。

于 2012-06-19T19:34:20.970 に答える
1

タグの間にチェックボックスとテキストを入れますlabel

<ul class="timeSlot clearfix">
    <li><label>12:00am - 01:00am <input type="checkbox"></label><input type="submit" value="Continue to Step 2"  style="display:none;"></li>
    <li><label>01:00am - 02:00am <input type="checkbox"></label></li>
</ul>​

デモ: http://jsfiddle.net/hz2t4/49/

于 2012-06-19T19:33:38.477 に答える