radio,checkBox,select选中框

单选按钮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>