js 獲取單選框和復選框的值和js dom方法給單選框和多選框賦值

本文轉載自查看原文 2018-08-03 15:55 3050 前端

獲取單選框框值的方法

function getRadioRes(Name){

    var rdsObj = document.getElementsByName(Name);
    var checkVal = null;
    for(i = 0; i < rdsObj.length; i++){
        if(rdsObj[i].checked){checkVal = rdsObj[i].value;}
    }
    return checkVal;
}

單選框賦值方法

function set_input_value(arg, data){
    var label;
    label = document.getElementsByName(arg);

    for (var i = 0; i < label.length; i++){

        if (label[i].getAttribute("value") == "" + data){

            label[i].setAttribute("checked", "checked");

        }else{

            label[i].removeAttribute("checked");
        }

    }

}

獲取多選框賦值

<input type="checkbox" name="test" value="1"/><span>1</span>
<input type="checkbox" name="test" value="2"/><span>2</span>
<input type="checkbox" name="test" value="3"/><span>3</span>
<input type="checkbox" name="test" value="4"/><span>4</span>
<input type="checkbox" name="test" value="5"/><span>5</span>
<input type='button' value='提交' onclick="fun()"/>

function fun(){
    obj = document.getElementsByName("test");
    check_val = [];
    for(k in obj){
        if(obj[k].checked)
            check_val.push(obj[k].value);
    }
    alert(check_val);
}

復選框賦值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="web_button" style="background:yellow; height:200px; width:200px;color:block;">

<input type="checkbox" name="test" value="1" checked="checked"/><span>1</span>
<input type="checkbox" name="test" value="2"/><span>2</span>
<input type="checkbox" name="test" value="3"/><span>3</span>
<input type="checkbox" name="test" value="4"/><span>4</span>
<input type="checkbox" name="test" value="5"/><span>5</span>
<input type='button' value='提交' onclick="fun()"/>
</div>

    <script type="text/javascript">

     function fun(){

        set_many_checked_value("test", '["2"]');

    }
    function set_many_checked_value(input_name, data){
        var label;
        label = document.getElementsByName(input_name);

        data = JSON.parse(data);

        for (var i = 0; i < label.length; i++){
            console.log(label[i]);

            for (var j = 0; j < data.length; j++){

                if (label[i].getAttribute("value") == "" + data[j]){


                    label[i].setAttribute("checked", "checked");

                }
            }
        }
}

    </script>

</body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 JS中獲取頁面單選框radio和復選框checkbox中當前選中的值 JS中獲取頁面單選框radio和復選框checkbox中當前選中的值 js——獲取多選框、單選框的值 Selenium—選擇框的相關操作（單選框、多選框、復選框、下拉框）獲取 input 單選框和多選框的值單選框，復選框和下拉框回顯賦值問題原生js獲取復選框的值 HTML-表單-單選框-復選框-提交 bootstrap單選框復選框的使用單選框和復選框的樣式修改