常用HTML控件取值

常用HTML控件取值

1.checkbox

<input type='checkbox' name='ok' onclick='enable()' value='1'><b>选择特定人员</b>

function enable(){
if(document.all('ok').checked){
     alert('被选中 value is:'+document.all('ok').value);
}else{
     alert('未被选中');
}
}
服务器端取值:
request.getParameterValues("ok").value;

2.radio

<input type="radio" name="radio1" value='1'>
<input type='radio' name='radio1' value='2'>

验证是否选中两者中任一项
function validCheck(){
var bool=false;
var radio1Value='';
for(i=0;i<document.all('radio1').length;i++){
if(document.all('radio1')[i].checked){
                    bool=true;
   radio1Value=document.all('radio1')[i].value;
}
}
前台取值：
if(bool==true)
alert('radio1 value is:'+radio1Value);
}
服务器端取值:
request.getParameter("radio1").value;

3.select

<select name='select1' onchange="window.location.href=this.options[this.selectedIndex].value">
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
</select>

<SELECT name='select2' onchange="alert(this.options[this.selectedIndex].value)">
<OPTION VALUE="http://www.baidu.com/ie">BaiDu</OPTION>
<OPTION VALUE="http://www.google.com">Google</OPTION>
<OPTION VALUE="http://www.yahoo.com">Yahoo</OPTION>
</SELECT>

前台取值：
document.all('select1').value;
服务器端取值:
request.getParameter("select1").value;

select 的特殊情况
<SELECT ID="oSelect" NAME="Cars" SIZE="8" MULTIPLE>
<OPTION VALUE="1" SELECTED>宝马
<OPTION VALUE="2">保时捷
<OPTION VALUE="3" SELECTED>奔驰
</SELECT>

在上面创建的 SELECT 列表的底部添加了一个新选项
<SCRIPT LANGUAGE="JScript">
var oOption = document.createElement("OPTION");
oOption.text="法拉利";
oOption.value="4";
oSelect.add(oOption);
</SCRIPT>

<input type='button' value='click' onclick='checkValue()'>

<script language='javascript'>
function checkValue(){
for(i=0;i<document.all('oSelect').length;i++)
if(document.all('oSelect')[i].selected==true)
alert(document.all('oSelect')[i].value);
alert(document.all('select1').value);
}
</script>