html js 获取单选框的值,JS 如何获取radio或者checkbox选中后的值

效果图

废话不多说，直接上代码:

代码:

JS 如何获取radio或者checkbox选中后的值

单选框

男

女

多选框

苹果

橙子

inputChecked();

function inputChecked() {

var inputSelect = document.getElementsByTagName('input');

var obj = {

radio: [],

checkbox: []

},

value = '';

for (var i = 0, len = inputSelect.length; i < len; i++) {

if (inputSelect[i].checked && inputSelect[i].type === 'radio') {

obj.radio.push(inputSelect[i].value);

value += '单选框：' + inputSelect[i].value + '\n';

}

if (inputSelect[i].checked && inputSelect[i].type === 'checkbox') {

obj.checkbox.push(inputSelect[i].value);

value += '多选框：' + inputSelect[i].value + '\n';

}

}

alert(value);

return obj;

}