复选框(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" 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;

}