ご存知の方、ご教授くださいm(__)m
現在、画面上で入力された項目を消去するためにクリアボタンを設置しています。
フォーム中の、
・通常のテキストボックスの内容:消去
・disabledのテキストボックスの内容:消去せずそのまま
・チェックボックスはchecked=falseにする
としたいと考えているのですが、javascriptでうまく動かせていません。今書いているコードは下記のようなものです。
$(document).ready(function () {
$('.buttons :button[name=clear]').click(function() {
$('.inputs :input:visible').val('');
return false;
});
これを改良してうまく動くようにすることは可能でしょうか。
よろしくお願いいたします。
No.2ベストアンサー
- 回答日時:
こんにちは。
うまくいかないとはどのようになっていますか?
先ほどのサンプルの動作を確認できるURLです。
http://hppg.moe.hm/okwave/qa/q7954963/
Firefox,Chrome,IE8にて動作確認しています。
というか、基本的にjQuery使っていれば大体のブラウザで動きます。
(特殊なことしなければ)
この回答への補足
素早いレス、ありがとうございます。
いただいたURLのコードだと確かに問題なくいけますね。
No.1の分だと、自環境ではどの項目も消えないという状況になってしまっていました。
(HTMLの書き方が悪かったのだと思います。。)
現状、実際に入れ込む環境では
・チェックボックスのチェックは問題なく消える
・disabledなテキストボックスの内容は消えてしまう
という状況です。
・・・と思っていましたが、
$('.inputs :input:visible').val('');
という余計なスクリプトが入っていたため、disabled分まで消してしまっていたようです。
ということで、無事解決できました!
ありがとうございました!!m(__)m
No.1
- 回答日時:
こんにちは。
$('button').click ( function() {
// input type="text"だけどdisabled="disabled"のものを除いて''をセット(空白にする)
$('input[type="text"]').not('[disabled="disabled"]').val ( '' );
// input type="checkbox"のchecked属性を削除(チェックを外す)
$('input[type="checkbox"]').removeAttr ( 'checked' );
});
HTML側がどうなってるかわからなかったので勝手に作ってみたのでセレクタは調節してください。
==== HTML
<input type="text" name="n1">
<input type="text" name="n2">
<input type="text" name="n1" value="3" disabled>
<hr>
<input type="checkbox" value="2">
<input type="checkbox" value="2">
<hr>
<button type="button" name="clear">クリア</button>
この回答への補足
こんにちは。
早速の回答、ありがとうございます。
まずはいただいたサンプルを動作させてみたのですが、うまく動きませんでした。
いただいたサンプルでの想定されているブラウザを教えていただけますか?
こちらはIE8、IE9、あとできればChrome、です。
よろしくお願いいたします。m(__)m
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
チェックボックスで合計値を計...
-
チェックボックスの値を引き渡...
-
チェックボックスのON/OFFでVal...
-
チェックボックスが1つ以上チェ...
-
チェックが入っていなかったら...
-
チェックボックスのON/OFFに応...
-
チェックボックスとラジオボタ...
-
ラジオボタンが選択によるチェ...
-
タグIDに変数を用いる
-
複数のチェックボックス項目が...
-
return trueとreturn falseの用...
-
value内に変数を入れたい
-
プルダウン選択を変更すると、...
-
javascriptでASPにデータを渡す
-
javascriptでセレクトボックス...
-
Selenium.ChromeDriverの使い方...
-
フォーム内で記入したクエリ送...
-
hiddenのvalueの値を変えたい
-
submitした値を返したい
-
プルダウン 項目が多いので先頭...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
チェックボックスのON/OFFでVal...
-
チェックボックスのON/OFFに応...
-
【jsp/Java】チェックボックス...
-
確認ページからフォームページ...
-
checkboxをクリックしてリロー...
-
チェックボックスで指定したも...
-
チェックボックスの設定
-
複数式のチェックボックス
-
javascriptで確認ダイアログの...
-
フォームのチェックボックスの...
-
背景色を変えて未入力チェック...
-
JSP内で可変するチェックボック...
-
複数のチェックボックス項目が...
-
チェックボックスが1つ以上チェ...
-
JQuery Mobileでチェックボック...
-
一方のチェックボックスのON/OF...
-
documentオブジェクトのlength...
-
チェックボックスの使い方
-
チェックボックスが複数ある場...
-
Objective-Cでチェックボックス...
おすすめ情報