原生javascript控制radio

在写html代码的时候 经常用到单选标签

今天我就做个两个获取和设置标签的 方法,其他元素控制举一反三

实例


  <td>
                    <input type="radio" name="control" value="0" id="pl" /><label for="ctrl_disable">旁路</label>
                    <input type="radio" name="control" value="1" id="zl" /><label for="ctrl_enable">直连</label>
                </td>
获取被选中的值



function getRadioValue(radioName){
    var radios = document.getElementsByName(radioName);
    var value;
    for(var i=0;i<radios.length;i++){
        if(radios[i].checked){
            value = radios[i].value;
            break;
        }
    }
    return value;
}
设置选中



function setRadioValue(radioName,value){
    var radios = document.getElementsByName(radioName);
    for(var i=0;i<radios.length;i++){
        if(radios[i].value==value){
            radios[i].checked=true;
            break;
        }
    }
}


QQ截图20191119151504.jpg


内容版权声明:除非注明,否则皆为本站原创文章。

评论