实现radio单选框控制输入框的隐藏与出现

最新推荐文章于 2023-02-23 22:56:46 发布

Muguy

最新推荐文章于 2023-02-23 22:56:46 发布

阅读量4.3k

点赞数

本文链接：https://blog.csdn.net/traysinezheng/article/details/8769391

版权

scrip代码部分

function check(checkedRadio)    
{   
  checkedRadio.checked=true;
  if(checkedRadio.value=='1'){
  document.all.myInput.style.display = '';
  }
  else if(checkedRadio.value=='2'){
  document.all.myInput.style.display = 'none';
  }
}

上面这段JS代码在chrome和IE里能正常识别，但在火狐浏览器中无法识别document.all，所以需要将这句话修改为document.getElementById("ipAddress").style.display = '';

JSP代码部分

<div >
  <label style="width:120px;" for="inputEmail" class="control-label">是否固定ip：</label>
  <div class="controls" style="margin-left:140px;">
    <input type="radio" name="sex1" id="sex1" value="1"	
           οnclick='check(this)' checked="checked"> 是 </input> 
      <input type="radio" name="sex2" id="sex2" value="2"	
           οnclick='check(this)' > 否 </input>              
  </div>
  <div>
    <input type="text" name='ipAddress_' id="ipAddress" >
  </div>
</div>