アフィリエイト広告を利用しています

2017年10月28日

ラジオボタンクリックでテキストボックスを消す

HTML


<form name="form1" method="POST" action="filename.php">
都市名:
<input name="city" id="city1" onclick="CityOnly();" type="radio" value="さいたま市">さいたま市
<input name="city" id="city2" onclick="CityOnly();" type="radio" value="川口市">川口市
<input name="city" id="city3" onclick="CityOnly();" type="radio" value="春日部市">春日部市
<br>
県名:<input name="prefecture" id="prefecture" type="text" >
</form>


さいたま市をクリックしたとき、県名欄を消します。


<script language="JavaScript" type="text/JavaScript">
<!--
function CityOnly() {
 value = document.getElementById("city1").checked;
 if (value == true) {
  document.getElementById("prefecture").value="";
   document.getElementById("prefecture").style.visibility = "hidden";
 } else {
  document.getElementById("prefecture").value="";
  document.getElementById("prefecture").style.visibility = "visible";
 }
}
//-->
</script>


ブログ運営者は用心深い性格なので、
消す前と表示する前にテキストボックスの値をクリアしています。



posted by db-engineer at 00:00 | Comment(0) | Javascript

この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバックURL
https://fanblogs.jp/tb/6504702
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック
検索
最新記事
カテゴリーアーカイブ
プロフィール
db-engineerさんの画像
db-engineer
プロフィール
タグクラウド