常见js实现功能单选框、复选框、通过div模拟下拉列表框...

1.通过js实现单选
　

function selectOne(obj,objCheckBox) {
　　for ( var i = 0; i < objCheckBox.length; i++) {
　　　　if (objCheckBox[i] != obj) {
　　　　　　objCheckBox[i].checked = false;
　　　　} else {
　　　　　　objCheckBox[i].checked = true;
　　　　}
　　}
}

View Code

 

2.验证状态是否被选

function checkRadio(radio) {
　　if (radio) {
　　　　for ( var i = 0; i < radio.length; i++) {
　　　　　　if (radio[i].checked) {
　　　　　　　　return i;
　　　　　　}
　　　　}

　　return -1;
　　}
}

View Code

 

3.获取下拉列表框选中的值

function getSelectedSmid(){
　　var options = $("#selectrole option");
　　for(var i=0;i<options.length;i++){
　　　　if(options[i].selected==true){
　　　　　　return options[i].value;
　　　　}
　　}
　　return "";
}

View Code

 

 4、通过文本输入框和div实现类似下拉列表框的简单例子：

　<div id="searchForm4" class="search" style="display: none">
                    <form action="">
                        <input  class="input" type="text" id="keyword4" value="" onchange="searchmarkdownlist(this)" /> 
　　　　　　　　　　　　　　<input class="but1" type="submit" value="搜索" onclick="searchmark(event)" />
                        <div id="searchForm4Div" style="display: none;height:254px;z-index: 1000;background-color: white;color: black;overflow: auto;">
                            <ul>
                                <li>搜索1</li>
                                <li>搜索2</li>
                                <li>搜索3</li>
                                <li>搜索4</li>
                                <li>搜索5</li>
                                <li>搜索1</li>
                                <li>搜索2</li>
                                <li>搜索3</li>
                                <li>搜索4</li>
                                <li>搜索5</li>
                                <li>搜索1</li>
                                <li>搜索2</li>
                                <li>搜索3</li>
                                <li>搜索4</li>
                                <li>搜索5</li>
                            </