复选框(checkbox)、单选框（radiobox）的使用

复选框(checkbox)、单选框（radiobox）的使用

复选框：

HTML:

// 复选框

<input type="checkbox" name="check_name" value="val1" checked/>

<input type="checkbox" name="check_name" value="val2" checked/>

<input type="checkbox" name="check_name" value="val3" checked/>

<input type="checkbox" name="check_name" value="val4" checked/>

<input type="button" οnclick="checkSelected()"/>

JS:

function checkSelected() {

    var checks= document.getElementsByName("check_name");

    for (var j = 0; j < checks.length; j++) {
        var ck = checks[j];
        if (ck.checked) {
            var checked_value = ck.value;
        }
    }

}

单选框：

HTML:

// 单选框

<input type="radio" name="radio_name"  value="val1"/>

<input type="radio" name="radio_name"  value="val2"/>

<input type="radio" name="radio_name"  value="val3"/>

<input type="button" οnclick="radioSelected()"/>

JS:

function radioSelected() {

    var radios = document.getElementsByName('radio_name');

    for (var i = 0; i < radios.length; i++) {
        var radio = radios[i];
        if (radio.checked) {
            var checked_value = radio.value;

}

转载于:https://www.cnblogs.com/seaweedman/p/5994015.html