java jqueryのnameとid

質問

ラジオボタンで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

yyr446 · ベストアンサー

なにをされたいのか、ご提示のコード部だけではよくわかりませんが、
別にname属性をいっさい使わない選択の方法もありますけど、
根本的にもっとすっきりできそうな機がします。

イベント発生時にターゲットノードから、親や子供
兄弟を特定すれば、やたらと識別子をつけなくてもよいような。

まずは、
document.getElementById(id)　　　＝＞Node
document.getElementsByName(name) ＝＞NodeList
getElementsByTagName(name)　　　　＝＞NodeList
といった基本どころから学習して、
form要素だろうから、HTMLインターフェースの
document.forms[].elements[]
みたいな選び方も知った上で、

CSSセレクターの書き方やjquery独自のセレクターもマスターしよう。
そしてXPATHも...

お礼

そんなに勉強項目が…

地道にやってみます。
ありがとうございました