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