單選
<input name="radioType" type="radio" value="蘋果">蘋果
<input name="radioType" type="radio" value="香蕉">香蕉
<input name="radioType" type="radio" value="楊梅">楊梅
var obj = document.getElementsByName("radioType");
var type = ''
for(var i = 0; i < obj.length; i ++) {
if (obj[i].checked) {
type = obj[i].value;
}
}
console.log(type) // 輸出單選內容
多選
<input name="checkboxType" type="checkbox" value="蘋果">蘋果
<input name="checkboxType" type="checkbox" value="香蕉">香蕉
<input name="checkboxType" type="checkbox" value="楊梅">楊梅
var obj = document.getElementsByName("checkboxType");
var str="選中的值爲:";
for (var i = 0; i < obj .length; i++) {
var obj = input[i];
//判斷是否是checkbox並且已經選中
if (obj.type == "checkbox" && obj.checked)
{
var code = obj.value;//獲取checkbox的值
str=str+code+",";
}
}
}
console.log(str) // 輸入單選內容(選中的值爲:蘋果,香蕉,)
注:最後要清除最後一個逗號