<< PHPで漢数字を算用(アラビア)数字に変換 | main | wgetでcron設定(さくらサーバー) >>

フォームのチェックボックスを目立たせるjavascript

チェックボックスをクリックしたときに
わかりやすく目立たせるjavascriptですー
例)http://www.wdstk.jp/register_temp.php

<!------ CSS ------>
<style>
.checked{
color:red;
font-weight:bold;
}
</style>

<!------ javascript ------>
<script language="javascript">
window.onload = function(){
   var obj = document.getElementsByName('type[]');
   for(i = 0; i < obj.length; i++){
      obj[i].onclick = function(){
         chkchk(this);
      };
      chkchk(obj[i]);
   }
}
function chkchk(ob){
   ob.parentNode.className= (ob.checked)?('checked'):('');
}
</script>

<!------ HTML ------>
<label for='type_1' >
<input type='checkbox' name='type[]' id='type_1' value='1'>土地</label>
<label for='type_2' >
<input type='checkbox' name='type[]' id='type_2' value='2'>新築一戸建</label>
<label for='type_3' >
<input type='checkbox' name='type[]' id='type_3' value='3'>中古一戸建て</label>
<label for='type_4' >
<input type='checkbox' name='type[]' id='type_4' value='4'>マンション</label>

コメント
コメントする









この記事のトラックバックURL
トラックバック
calendar
      1
2345678
9101112131415
16171819202122
23242526272829
30      
<< April 2017 >>
selected entries
categories
archives
recent comment
recommend
links
profile
search this site.
others
mobile
qrcode
powered
無料ブログ作成サービス JUGEM