日期:2014-05-16  浏览次数:20888 次

点击单选框,联动其他组件
想选中“否”时,sj列表框不可用,或列表项为空,请问该怎么做?
<form name="form1" method="post" action="">
  <label>
  <input type="radio" name="radiobutton" value="radiobutton">
  </label> 
  是
  <label>
  <input type="radio" name="radiobutton" value="radiobutton">
  </label>
否 <span class="bg2">
<label>
<%
  dim dn
  dn=year(date())
  %>
<select name="sj" id="sj">
  <%for nian=1980 to dn%>
  <option value="<%=cstr(nian)+"年"%>"><%=cstr(nian)+"年"%></option>
  <%next%>
</select>
</label>
</span>
</form>

------解决方案--------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<title>无标题文档</title>
</head>

<body>
<input type="radio" name="sex" value="male" />body
<input type="radio" name="sex" value="female" />girl
<br/>

<select name="Skirtyle">
<option value="2">长裙</option>
    <option value="1">一步裙</option>
</select>
<script type="text/javascript">
jQuery(function($){
$(':radio[name=sex]').click(function(){
if($(this).val()=='male'){
$('select[name=Skirtyle]').attr('disabled','disabled');
}else{
$('select[name=Skirtyle]').removeAttr('disabled');
}
});
});
</script>
</body>
</html>