ラジオボタンでcssを切り替える以下のようなプログラムがあるのですが、
$(function(){
entryChange1();
entryChange2();
entryChange3();
entryChange4();
entryChange5();
});
$(window).load(function entryChange1() {
radio = document.getElementsByName('name1');
if(radio[1].checked) {
$('.a,.b').show();
$('.c').css('width','585px');
}else if(radio[0].checked){
$('.a,.b').hide();
$('.c').css('width','270px');
}
});
function entryChange1(){
$("input[name='name1'][value='0']").click(function() {
$('.a,.b').show();
$('.c').css('width','585px');
});
$("input[name='name1'][value='1']").click(function() {
$('a,.b').hide();
$('.c').css('width','270px');
});
}
//entryChange2~5();は省略
ここで使っているnameはphpの方でも扱っているパラメータなのでjavascriptとは切り離したいのですが、idで代替はできますか?
なにか方法があれば教えていただければありがたいです。
No.1ベストアンサー
- 回答日時:
なにをされたいのか、ご提示のコード部だけではよくわかりませんが、
別にname属性をいっさい使わない選択の方法もありますけど、
根本的にもっとすっきりできそうな機がします。
イベント発生時にターゲットノードから、親や子供
兄弟を特定すれば、やたらと識別子をつけなくてもよいような。
まずは、
document.getElementById(id) =>Node
document.getElementsByName(name) =>NodeList
getElementsByTagName(name) =>NodeList
といった基本どころから学習して、
form要素だろうから、HTMLインターフェースの
document.forms[].elements[]
みたいな選び方も知った上で、
CSSセレクターの書き方やjquery独自のセレクターもマスターしよう。
そしてXPATHも...
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript jQueryでのレスポンシブが綺麗に動かない 3 2022/06/21 11:08
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンで選択した項目の...
-
javascriptによる動的なリンク...
-
ラジオボタンにタブインデック...
-
フォームPOST後「戻る」時のチ...
-
複数のラジオボタンのチェック
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
フォーム内で記入したクエリ送...
-
ハイパーリンクを別ウインドウ...
-
ラジオボタンの選択で解答・点...
-
UART通信の取説で,left floati...
-
<JavaScript>tableタグを入力不...
-
プルダウン選択を変更すると、...
-
selectを変更不可にしたい
-
VBscriptの配列変数をJavascrip...
-
【jQuery】input nameの文字列...
-
onclickが動作しない
-
JavaScriptにて動的に配列を作...
-
onchangeイベントを強制的に発...
-
追加ボタンを押した際に ok ボ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンにタブインデック...
-
データベースの値を判断してラ...
-
ラジオボタンのチェックが外れ...
-
ラジオボタンの値でリンク先を...
-
javascript作成してます。ラジ...
-
ラジオボタン未チェックの場合...
-
チェックされたラジオボタンに...
-
jQueryで複数のラジオボタンを処理
-
チェックボックスのON/OFFに連...
-
radio選択をクッキーに保存させ...
-
フォームPOST後「戻る」時のチ...
-
JavaScript ラジオボタン デ...
-
JavaScriptでラジオボタンのチ...
-
リセットボタンでクリアできな...
-
VBA IE ラジオボタンに...
-
ラジオボタンでdisabledとchecked
-
js radioボタンの「name」を多...
-
ラジオボタンのリセット方法
-
Javascriptを使って動的にラジ...
-
ラジオボタンで診断テストを作...
おすすめ情報