チェックボックスを使用せずにテーブル内で複数の行を選択したいとします。これを行う方法はありますか?チェックボックスを使用せずに複数の行をHTMLで選択
答えて
視覚的に選択している場合は、JavascriptとCSSで非常に可能です。
jQueryなどのJS libraryを使用すると、クリック時にHTMLクラスを追加できます。その後、CSSを使ってそのクラスをスタイル付けします。
のjQuery:
$('tr').click(function(){ $(this).toggleClass('selected'); });
CSS:
tr.selected { background: #ccc; }
もちろん、フォームプロセッサの観点からチェックボックスを効果的にエミュレートする隠しフィールドでこれを取り戻すことはできません。つまり、優雅な劣化が問題となるでしょう。 :-) –
@middapark:「なぜあなたができなかったのか」*おそらく:) –
@Tomalak Geret'kal Yup。修正されました。頭のためのTa。 :-) –
- 1. チェックボックスを使用してテーブルから複数の行を選択
- 2. 選択したチェックボックスを使用してAngularJSの複数選択チェックボックスをドロップ
- 3. HTML複数選択ボックス、jQueryを使用して複数のアイテムを選択
- 4. GridViewの複数選択チェックボックス
- 5. ボタンを使用せずにhtmlテーブルの行を選択する方法は?
- 6. HTMLスクロールなしでCtrlキーを押さずに複数選択
- 7. jqueryを使用して複数のチェックボックスを選択する
- 8. 複数選択ですべて同時にチェックボックスを選択
- 9. jqグリッドサブグリッドボタン/複数選択チェックボックス?
- 10. 角度4:複数選択のチェックボックスを使用
- 11. 複数のリストでチェックボックスを選択/選択解除する
- 12. anglejsを使用して複数のチェックボックスを選択しましたが、選択できません
- 13. whileループで複数のチェックボックスを選択できません
- 14. 複数の選択されたチェックボックスでjavascriptを実行
- 15. チェックボックスから複数の値を選択
- 16. 複数の選択ボックスをHTMLフォームで使用する
- 17. 複数のhtmlページでIDを選択
- 18. フォーム:複数選択のチェックボックスで「すべて選択」ボタン
- 19. 複数の列に選択を使用
- 20. 複数のリストボックスを選択せずにCTRLを押す
- 21. 複数のワークシートを選択せずにPDFにエクスポート
- 22. 複数の選択を許可せずにjfaceテーブルビューアテーブルの行に選択リスナを追加します。
- 23. チェックボックスを使用してTreeViewで複数の選択を実装する
- 24. プライムフェースデータテーブル行の選択と複数のチェックボックスの選択が機能しない
- 25. 複数選択チェックボックスの実装
- 26. Laravel whereAjaxの複数選択チェックボックス
- 27. jqgrid:複数選択チェックボックスの値
- 28. Wicket:複数選択のチェックボックス付きドロップダウンボックス
- 29. 複数行の選択ボックスをHTMLで読み取り専用にする
- 30. 複数選択チェックボックスの適用ボタンの位置を固定
方法を選択してください。 – Znarkus
「チェックボック」とは何ですか? –
おっと!申し訳ありませんが、チェックボックス.. –