天天看点

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>