jQueryを初めて使用しています。チェックボックスをクリック(選択)した後に日付フィールドを表示し、選択解除後に非表示にする方法を知りたいと思います。以下はスクリーンショットです。 - ありがとうございました。jQueryまたはAjaxを使用してフィールドを表示または非表示にする
答えて
HTML
<label for="chkEle">Check This</label>
<input type="checkbox" name="chkEle" />
<div id="divEle" style="display:none;"><date stuff></div>
JS
$("input[name=chkEle]").change(function(e) {
$("#divEle").toggle();
});
。チェックボックスの代わりにラベルをクリックしても、.changeがトリガーされます。これにより、後でjsを動的に変更することもできます。たとえば、ページのロード時にチェックボックスの選択を強制したい場合は、コードの末尾に$("input[name=chkEle]").change();
を追加して、バックエンドと視覚的に変更を引き起こします
あなた、これはうまくいった。 – Fayde
ただ、何でもあなたの適切なものでセレクタを置き換えます:
$('checkbox_selector').click(function()
{
$('date_field_selector').toggle();
});
私は、実際のフィールドではなく、日付フィールドの中にテキストを表示して非表示にすることを意味すると思います。 – elclanrs
$('#checkBox').click(function() {
$('#dateBox')[this.checked ? "show" : "hide"]();
});
これは実際には、より多くの機能を実行するために後で状態をチェックすることができるチェックボックスを持つという目的を破っているので、問題にはあまり関係しません。さらに、実際のチェックボックスの代わりにラベルがクリックされても、.changeが使用されるのに対し、チェックボックスのラベルをクリックしてチェックボックス自体に影響を与えないという点で、これは視覚的なエラーを引き起こす可能性があります。 – SpYk3HH
- 1. jQueryを使用してチェックボックスを表示/非表示にする
- 2. javascriptまたはjQueryを使用してbootstrapTableの列を非表示にする
- 3. ライブチャットを表示または非表示
- 4. ajaxまたはjquery ajaxを使用してPHPからhtmlテーブルを表示
- 5. チェックボックスを非表示または非表示にするJavaScript
- 6. JQueryを使用した情報パネルの表示/非表示
- 7. カラムjqueryを使用したチェックボックスの表示/非表示
- 8. Ajaxでフォームをサブミットした後、Jquery/Ajax/CSSを表示/非表示divを
- 9. Divを表示または非表示にするには?
- 10. selectオプション(Codeigniter)を使用してフィールドを非表示にして表示する
- 11. jQueryの非表示と表示方法は、使用してIE8
- 12. 表示または非表示
- 13. ループ中にdivを表示または非表示にする
- 14. jqueryの表示/非表示フィールド
- 15. JQueryの表示または非表示の効果
- 16. jQuery fadeIn fadeOut(または表示/非表示)問題
- 17. 選択したラジオボタンのコードネームを表示または非表示
- 18. JqueryでMVC WebGridの列を表示または非表示にする
- 19. jQuery Mobileでボタンのテキストを表示または非表示にする
- 20. JSFでSlidetoggleを表示または非表示にする
- 21. フィルタでHashMapマーカーを表示または非表示にする
- 22. オンデマンドでタイトルバーを表示または非表示にする
- 23. ASP.NET MVCビューの入力フィールドを表示または非表示にするスクリプトのコントローラメソッドを使用
- 24. jQueryを使用してan:after擬似クラスを表示/非表示
- 25. jQueryを使用してテーブルの列を表示/非表示
- 26. jQueryを使用して列を非表示および表示
- 27. jqueryを使用してdiv値を表示/非表示
- 28. jqueryがjqueryを非表示にして日付フィールドを表示した後、JQuery DatePickerが起動しない
- 29. jquery divはスライドを表示/非表示にしません。
- 30. yii2のjavascriptを使用してボタンをクリックしてフォームを表示または非表示にする
jqueryのドキュメントで試しましたか?それは簡単で、サンプルは非常に便利でサンプルです。研究の努力で試してみてください –
[チェックボックスをオン/オフにするとコンテンツを隠す/表示する方法は?](http://stackoverflow.com/questions/3104405/how-to-hide-show-content-when-checkbox- –