前提・実現したいこと
php.cssで実装したラジオボタンを切り替え、アンカーリンクと連動させたいです。
具体的には、同じページ内で資料ダウンロードボタンを押すとtab1が表示、お問合せボタンを押すとtab2が表示されるようにしたいです。
発生している問題・エラーメッセージ
アンカータグとラジオボタンのチェックが連動しません。
該当のソースコード
<HTML>
<div class="icon"> <a href="#tab1content" class="button_top_yellow" id="icon1"><img src="”> 資料ダウンロード</a> <a href="#tab2content" class="button_top_orange" id="icon2" onClick="link()"><img src=""> お問い合せ</a> </div> ======================================== <div class="tabs" id="tab_wrapper"> <input id="tab1" type="radio" name="tab_item" checked> <label class="tab_item" id="tab1content" for="tab1"> 資料ダウンロード </label> <input id="tab2" type="radio" name="tab_item"> <label class="tab_item" id="tab2content" for="tab2" id="tab2top"> お問い合せ </label> <div class="tab_content" id="tab1_content" name="tab_item"> <form acation method="post"> tab1の内容 </div> <div class="tab_content" id="tab2_content" name="tab_item"> <form acation method="post"> tab2の内容 </div> </div>
試したこと
下記jsのタブ切り替えをするOnLinkClickを用いてタブの切り替えを行おうとしました。
リンクはidで指定しているので、checkedの切り替えができれば、リンクとラジオボタンが連動できると思ったのですが、できませんでした。
function OnLinkClick(a_name) {
var elements = document.getElementsByName( "tab_item" ) ;
elements[1].checked = true ;
}
補足情報(FW/ツールのバージョンなど)
js初心者であまり動きが理解できておらず、ネットで検索しながら記述したのですが、うまく適用されませんでした。お手数をお掛けしますが、ご教示いただけますと幸いです。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。