- 締切済み
チェックボックスの値によってCSSを変更したい
タブを押すと投稿カテゴリーのチェックボックスに値が入り それぞれのカテゴリーに沿った投稿画面がCSSにより表示されるように作ったのですが 現在の作りでは投稿編集画面に切り替えた時に タブがデフォルトの状態に戻ってしまうことに気が付きました。 無い頭を使い考えた解決策が編集画面に切り替わった時に どのチェックボックスに値が入っているかを判断しそれに沿った CSSを適応させる方法を思いついたのですが jqueryに関して全くの素人ですのでどの様に処理すれば良いかわからずに困っています。 この場合if文を使用して判定を行えば良いと考え $(function(){ $(document).ready(function($){if( $( '#select1' ).is( ':checked' ) ) { $("#aaa").css('display','block') } }); }); 自分なりに調べて試してみたのですが上手く動きませんでした。 もしよろければどなたかご回答のほどよろしくお願いいたします。
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- blanc210
- ベストアンサー率55% (5/9)
関連するQ&A
- チェックボックスに合わせてCSSを変更したい
いつもお世話になっています。 現在jqueryの勉強をしながらWEBサイトを制作しています。 今回質問させていただきたいのはページを読み込んだ際に 前ページからチェックを引き継いでいる(phpで言うGET POST)チェックボックスに合わせてCSSを変更する方法です。 投稿時にカテゴリーをチェックボックスにより選択された内容によって 入力フォームの表示を変更しているのですが 次ページに飛ぶとチェックは残っているのですがCSSがリセットされてしまいます。 $(document).ready(function(){ if( $( 'input:checkbox[name="tax_input[tumblog][]"]:eq(0)' ).is( ':checked' ) ) { $("#1111").css({display:'none'}) } }); 読み込み時に先頭のチェックボックスに入力が入っていたら #1111にdisplay:noneをかけるつもりでしたがうまく動作しませんでした。 独学で学んできましたのでかなり初歩ができていない 状態で質問をしているかもしれませんが もしご指摘いただけましたら幸いでございます。 どうぞ宜しくお願い申し上げます。
- 締切済み
- JavaScript
- チェックボックスのチェックについて
チェックボックスが2つあります。 一つが選択されたらテキストボックスが入力可能にしてあります。 Aを選択すると、Bのチェックが外れる、反対の場合も同じようにしたいのですが、下記のように書きましたがうまくいきません。 解決方法が分かられる方、教えて下さい。 *********************************************** function Change(){ if(document.myForm.chkB.checked ==true{ document.myForm.TxtA.disabled = true; document.myForm.chkA.checked = false; } else { document.myForm.TxtA.disabled = false; document.myForm.chkA.checked = true; } } ***********************************************
- 締切済み
- JavaScript
- 複数のチェックボックスの値を書き込む方法
複数行のチェックボックスの値をそのまま 書き込みたいのですが・・・ .datファイル↓ 1234,1 5678,0 3456,1 7890,0 上記をHTMLとして出力。 1→checkedで出力されるとします。 チェックを入れて、 7890,0 ↓ 7890,1 にするとそれを1行として保存されるようにしたい です。 チェックボックスは同じ名前のためform('check') などで値を取り出したとしても最後の値しか 値を取り出せないでしょう。 画面に複数出た行を全部.datファイルに書き込むには どうすればよいのでしょうか? http://www.futomi.com/lecture/form/cgi-pm.html ↑を参照しましたが、チェックの値は@配列で 取れるような気がしましたが、1行を書き込む 方法がわからないので詳しく教えていただければ 幸いです。 言葉だけよりソースがあるとわかりやすいですm(__)m
- ベストアンサー
- Perl
- AJAXで生成したHTMLでのチェックボックス一括チェックの方法を教えてください
現在jqueryを使って、ajaxでチェックボックスを生成して、それに対して一括チェックボタンを付けたいと考えております。 <input name="allcheck" type="checkbox" id="checkall" checked="checked" />全て<br /> <input type="checkbox" name="carrier" value="docomo" checked="checked" />docomo<br /> <input type="checkbox" name="carrier" value="au" checked="checked" />au<br /> <input type="checkbox" name="carrier" value="softbank" checked="checked" />softbank<br /> というチェックボックスがajaxで生成されて function carrier_check() { $('#checkall').click(function(e){ $(':checkbox[type=checkbox][name=carrier]').attr('checked', $('#checkall').attr('checked')); }); } のjavascriptで上記のチェックボックスを一括チェックできるようにしようとしているのですが ajaxを使わずに上記のチェックボックスをHTMLに書いているときは一括チェックできるのですが、ajaxを使用して生成した場合にはチェックボックスの一括チェックができません。 どのようにすれば、ajaxで生成されたチェックボックスを一括チェックできるようになるのでしょうか? ご存知の方がいらっしゃいましたらご教授お願いいたします。
- 締切済み
- JavaScript
- チェックボックスの値を(1,0)のようにすべて送信する方法
formをsubmitすると、チェックボックスの値は、 チェックされた項目のvalue値が配列の形で送信されますよね。 たとえば、 <INPUT TYPE="CHECKBOX" NAME="C_BOX" VALUE="111" CHECKED> <INPUT TYPE="CHECKBOX" NAME="C_BOX" VALUE="222" CHECKED> <INPUT TYPE="CHECKBOX" NAME="C_BOX" VALUE="333" CHECKED> <INPUT TYPE="CHECKBOX" NAME="C_BOX" VALUE="444"> <INPUT TYPE="CHECKBOX" NAME="C_BOX" VALUE="555" CHECKED> だと、 [111,222,333,555] のように。 今回は、表形式でデータを表示し、 チェックされた行の、他の列の値(フィールド)も取得したいのです。 他の列のフィールドは、チェックされていない行でも入力されている可能性があります。 そうすると、そのフィールドの値も配列にして送ってしまうと、 チェックボックスの値と数が合わなくなり、横方向での関連付けが出来なくなってしまいます。 なので、チェックボックスの送信値を、配列の要素数は全件で、 チェックされたかされていないかということが分かるように することは不可能でしょうか? JavaScriptは規約により、使うことが出来ない状況で困っています(><) 何か案があれば教えてください。
- ベストアンサー
- HTML
- smartyでチェックボックスをチェック済み状態にするには
先ほどカテゴリ選択ミスでperlに投稿してしまいましたすみません。 こんばんは、PHPでメールフォームを作成していて壁に当たり質問させていただきます。 {{html_checkboxes name="checked" selected=$smarty.session.checked options=$checked_value}} 入力フォームのtplにて上記のようにしてチェックボックスを配置しています。 このチェックボックスに最初からチェックを入れておくことはできませんか? メールフォーム自体は出来ているのですが、このチェックボックスをチェック済みにすることが出来ずに困っています。 検索したり書物を調べたのですが掲載されていなく、自己解決ができません。 表示されるチェックボックスは全てチェック済みが初期状態にしておきたいのです。 ご指摘よろしくお願いします。
- 締切済み
- PHP
- チェックボックスのjavascriptについて
javascript初心者です! お力をお借りしたいと思い質問いたしました。 宜しくお願い致します。 ●やりたい事 ・チェックボックスがチェックされてない時に「商品を選択して下さい」のアラートを表示させ、1つでもチェックされていた場合は「送信」できる設定を行いたいです。 「name= 」 部分を同じ名前にすると可能ですが、異なる名前にすると動作いたしません。 どうかご教授お願い致します。 ■javascript部分 <script language="JavaScript" type="text/javascript"> function CheckForm(theform) { var FormOK = false; if (!theform.category1[0].checked && !theform.category2[1].checked && !theform.category3[2].checked && !theform.category4[3].checked && !theform.category5[4].checked) { alert("商品を選択してください。"); }else{ FormOK = true; } return FormOK; } function FieldControl(element, message) { alert(message); } </script> ■HTML部分 <form name="theform" onsubmit="return CheckForm(this);" action="" method="post"> <input value="category1" name="category1" type="checkbox">category1<br> <input value="category2" name="category2" type="checkbox">category2<br> <input value="category3" name="category3" type="checkbox">category3<br> <input value="category4" name="category4" type="checkbox">category4<br> <input value="category5" name="category5" type="checkbox">category5<br><br> <br> <br> <input value="送信" name="submit" type="submit"></form> 宜しくお願い致します。
- ベストアンサー
- その他([技術者向] コンピューター)
- チェックが入っていなかったら処理を行いたい
いつもお世話になっております。 只今チェックボックスにチェックが入っていなかったらチェックを入れるという処理を Javascript、JQueryで行いたいのですが上手く動作せずに困っております。 if ( $( 'input:checkbox[name="tax_input[pick-up][]"]' ).is( 'checked' ) == false ) { jQuery('input:checkbox[name="tax_input[pick-up][]"]').removeAttr ( 'checked' ); jQuery('input:checkbox[name="tax_input[pick-up][]"]:eq(3)').attr ( 'checked', 'checked' ); } 上記のソースで試したのですが反応が全くありませんでした。 if( $( 'input:checkbox[value="98"]' ).is( ':checked' ) ) { jQuery('input:checkbox[name="tax_input[pick-up][]"]').removeAttr ( 'checked' ); jQuery('input:checkbox[name="tax_input[pick-up][]"]:eq(2)').attr ( 'checked', 'checked' ); } チェックが入っている場合の判定ですが上記の場合は動きました。 記述ミス、根本的に書き方が違うなどございましたらご指摘ください。 ご回答のほどどうぞよろしくお願い致します。
- 締切済み
- JavaScript
- jQueryでCSSの値を動的に指定する方法
自分なりに調べてみたのですが、理解不能なのでご教授お願いします。 $("#hoge").css("color","red"); ↑このように指定するとID"hoge"の文字色が赤になる、というCSSのアレンジで、 "red"の部分を動的に指定したいのですが、どのような指定をすれば実現するのでしょうか。 $(document).ready(function() { var test = "red"; $("#hoge").css("color",$test); }); ↑こういう書き方じゃ動きませんでした…。 こちらの質問が似ていたのでマネしてみたのですが、 私が希望する「CSSの値を動的に」はできませんでした。 jqueryのcssを動的指定する方法 http://okwave.jp/qa4268190.html .css()を使わなくても、結果的に同じ動作になる方法ってないものでしょうか? アドバイスを頂けたら助かります。 宜しくお願いいたします。
- ベストアンサー
- JavaScript
- 複数のチェックボックスをチェックしたい
質問させてください。 複数のチェックボックスを項目別に全てチェックするようなjqueryの書き方をご教授いただきたいです。 <table> <tr> <td> <input type="checkbox" name="" />まとめてチェック </td> </tr> <tr> <td> <li><input type="checkbox" name="" value="" />a</li> <li><input type="checkbox" name="" value="" />b</li> <li><input type="checkbox" name="" value="" />c</li> <li><input type="checkbox" name="" value="" />d</li> </td> </tr> <tr> <td> <input type="checkbox" name="" />まとめてチェック </td> </tr> <tr> <td> <li><input type="checkbox" name="" value="" />e</li> <li><input type="checkbox" name="" value="" />f</li> <li><input type="checkbox" name="" value="" />g</li> <li><input type="checkbox" name="" value="" />h</li> </td> </tr> <tr> <td> <input type="checkbox" name="" />まとめてチェック </td> </tr> <tr> <td> <li><input type="checkbox" name="" value="" />i</li> <li><input type="checkbox" name="" value="" />j</li> <li><input type="checkbox" name="" value="" />k</li> <li><input type="checkbox" name="" value="" />l</li> </td> </tr> </table> 上記のようにそれぞれの項目に「まとめてチェック」のチェックボックスがあり、 そこに該当するチェック項目は全てチェックorチェックを外す っという挙動の実装を考えています。 jqueryでやりたいのですが、javascript、jqueryがかなり苦手でいまいちいきません。 ググって $(function(){ $('#all').click(function(){ if(this.checked){ $('#check input').attr('checked','checked'); }else{ $('#check input').removeAttr('checked'); } }); }); このソースを見つけたのですが、これだと一つの項目でしか実装できず 項目分このjqueryを書くのも余り良い書き方だと思えません。 どなたか、ご教授お願いいたします。
- ベストアンサー
- JavaScript