復選框(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" onclick="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" onclick="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;

}