单选按钮radio : //name一样的是一组单选 <input type=”radio” name=” bType ” id=” bType1” value=”1” checked />111
<input type=”radio” name=”bType” id=”bType2” value=”2” />222
<input type=”radio” name=”bType” id=”bType3” value=”3” />333
//取值
var bType;
var bTypeHtmlCol = document.getEementsByName(“bType”);
For(var i = 0; I < bTypeHtmlCol.length; I ++)
{
If(bTypeHtmlCol[i].checked)
{
bType = bTypeHtmlCol[i].value;
}
}
//选中
document.getElementById('bType1').checked=true;
下拉框select: <select id="select" οnchange="test()"> //选中a <option value="a" selected>a</option> <option value="b">b</option> <option value="c">c</option> </select> <div id="a" style="display:block">div1</div> <div id="b" style="display:none">div2</div> <div id="c" style="display:none">div3</div>
//控制显示的控件 <script type="text/javascript"> function test(){ document.getElementById('a').style.display='none'; document.getElementById('b').style.display='none'; document.getElementById('c').style.display='none'; var value=document.getElementById('select').value; document.getElementById(value).style.display='block';搜索 } </script>
多选按钮checkBox: <input type="checkbox" name="cCheckBox" value="aaa" checked οnclick="cOnclick('cCheckBox')"/> ... ...
<script type="text/javascript">
function cOnclick(para){
if(para.checked){
//选中checkbox要做的操作
}else{
//取消选中checkbox要做的操作
}
}
</script>