js焦点 显示不同表单

1、从数据库取数据，进行不同的判断，传给js变量，进而加载页面时，执行不同的JS函数。

<!-- 
根据数据库存有的身份证信息是否为空，调用修改页面时初始不同的选项。（显示身份证 或者显示护照）
-->
<?php 
if($arrMember['idnumber']==''){
	$change ='1';
}else{
	$change ='2';
}

?>

<script type="text/javascript">
   
	    window.οnlοad=function(){
	    	var change="<?php echo $change;?>";	    	
	    	
	    	if(change == '1'){		    		 
	    		change1();
	    	}
	    	if(change == '2'){	 	    		  		
	    		changeidnu();
		    }
	    
		}
	
</script>

<script>
function changeidnu(){	
  document.all.mxh2.style.visibility='visible';
  document.all.mxh1.style.visibility='hidden'; 

}
function change1(){	
  document.all.mxh2.style.visibility='hidden';
  document.all.mxh1.style.visibility='visible';
   
}
</script>

2、下边表单显示部分

<div class="control-group">
							     <label class="control-label">证件类型:    </label> 
							     <?php //echo $change;?>
							     <?php if($change=='1'){?>
									<label class="control-label" style="margin-left:-80px;"><input  name="zhengjian" value="1"  type=radio  οnclick="changeidnu()" />身份证件</label>								
								
									<label class="control-label " style="margin-left:-30px;"><input  name="zhengjian" value="2"  type=radio  οnclick="change1()" checked="checked"/>其他身份证件</label>
								 <?php }else{?>
								 
								 <label class="control-label" style="margin-left:-80px;"><input  name="zhengjian" value="1"  type=radio  οnclick="changeidnu()" checked="checked"/>身份证件</label>							
								
									<label class="control-label " style="margin-left:-30px;"><input  name="zhengjian" value="2"  type=radio  οnclick="change1()" />其他身份证件</label>
								 
								 <?php }?>
								 
								 
							</div>	
								
							<div class="control-group">
							     <p>
								 
								 
									<div id=mxh2 style="visibility: hidden;margin-left:85px;">身份证件:
										<div style="margin-left:75px;margin-top:-25px;"><input  type="text" name="idnu" value="<?=$arrMember['idnumber']?>" style="width:200px"/></div>							
									</div>
								  </p>
							</div>	
						
						     
		
							<div id=mxh1 style="visibility: hidden;margin-left:85px;margin-top:-40px;" >
									   
								 护照号码:	<div style="margin-left:75px;margin-top:-25px;"><input  type="text" name="passportnu" value="<?=$arrMember['passportnu']?>" style="width:200px"/></div><br><br>
								 出生日期: <div style="margin-left:75px;margin-top:-25px;"><input class="Wdate" onClick="WdatePicker()"   type="text" name="birthday"  style="width:200px" value="<?=$arrMember['birthday']?>" /></div><br><br>
								<div style="margin-top:-20px;">性       别:</div> 
								 
								  <?php if($arrMember['gender']=='1'){?>
								    <label class="radio" style="margin-top:-40px;margin-left:40px;">
								   		<input name="gender" type="radio" value="1" checked="checked" />男
								    </label>
           						    <label class="radio" style="margin-top:-40px;margin-left:-30px;">   
           						    	<input name="gender" type="radio" value="0"  />女
           						    </label>							
           						  <?php }?>		
           						  
           						   <?php if($arrMember['gender']=='0'){?>
								    <label class="radio" style="margin-top:-40px;margin-left:40px;">
								   		<input name="gender" type="radio" value="1"  />男
								    </label>
           						    <label class="radio" style="margin-top:-40px;margin-left:-30px;">   
           						    	<input name="gender" type="radio" value="0" checked="checked"/>女
           						    </label>							
           						  <?php }?>			
										
							 </div>

===========================================================================

另一种 可移值性强的代码。

<script language="JavaScript" type="text/JavaScript">
<!--
function showdiv(targetid,objN){
   
      var target=document.getElementById(targetid);
      var clicktext=document.getElementById(objN)

            if (target.style.display=="block"){
                target.style.display="none";
                clicktext.innerText="点击查看详细信息";
  

            } else {
                target.style.display="block";
                clicktext.innerText='关闭详细信息信息';
            }
   
}
-->
</script>


<!-- 
根据数据库存有的身份证信息是否为空，调用修改页面时初始不同的选项。（显示身份证 或者显示护照）
-->
<?php 
if($arrMember['idnumber']==''){
	$change ='1';
}else{
	$change ='2';
}

?>

<script type="text/javascript">
window.onload = showIDnum;

function showIDnum() {
  var form = document.forms.signupForm;
  var mye1 = null, mye2 = null;
  if (!form || !form.zhengjian) return;
  mye1 = document.getElementById("mxh1");
  mye2 = document.getElementById("mxh2");

  if (!mye1 || !mye2) return;
  if (form.zhengjian[0].checked == true) {
    mye1.style.display = "";
    mye2.style.display = "none";
  } else {
    mye1.style.display = "none";
    mye2.style.display = "";
  }

}
</script>

              <div class="control-group">
                    <label class="control-label">证件类型</label> 
                    <div class="controls">
                    	<label class="radio"><input name="zhengjian" value="1" type=radio οnclick="showIDnum();" <?php if($change=='2') echo 'checked="checked"' ?> />身份证</label>								
                    	<label class="radio"><input name="zhengjian" value="2" type=radio οnclick="showIDnum();" <?php if($change=='1') echo 'checked="checked"' ?>/>其他证件</label>
                    </div>
                  </div>
		
                  <div class="control-group" id="mxh1">
                    <label class="control-label">身份证号码</label> 
                    <div class="controls">
                    	<input class="input-xlarge" type="text" name="idnu" value="<?=$arrMember['idnumber']?>" />
                    </div>
                  </div>

     

                  <div id="mxh2">
                  <div class="control-group">
                  	<label class="control-label">护照号码</label> 
                    <div class="controls">
                    	<input class="input-xlarge" type="text" name="passportnu" value="<?=$arrMember['passportnu']?>" />
                    </div>
                  </div>

                  <div class="control-group">
                  	<label class="control-label">出生日期</label> 
                    <div class="controls">
                    	<input class="Wdate" onClick="WdatePicker()" type="text" name="birthday" value="<?=$arrMember['birthday']?>" />
                    </div>
                  </div>

                  <div class="control-group">
                  	<label class="control-label">性别</label> 
                    <div class="controls">
                    	<label class="radio"><input name="gender" type="radio" value="1" <?php if($arrMember['gender']=='1'){echo 'checked="checked"';} ?> />男</label>
                    	<label class="radio"><input name="gender" type="radio" value="0" <?php if($arrMember['gender']=='0'){echo 'checked="checked"';} ?> />女</label>
                    </div>
                  </div>
                  </div>