js獲取單選框或復選框值及操作

2024-05-06 14:20:24

字體：大中小

來源：轉載

供稿：網友

代碼如下:
<script>
function checkbox()
{
var str=document.getElementsByName("box");
var objarray=str.length;
var chestr="";
for (i=0;i<objarray;i++)
{//歡迎來到錯新站長站，我們的網址是m.survivalescaperooms.com，很好記，錯新站長站，js就是js特效，本站收集大量高質量js代碼，還有許多廣告代碼下載。
if(str[i].checked == true)
{
chestr+=str[i].value+",";
}
}//歡迎來到錯新站長站，我們的網址是m.survivalescaperooms.com，很好記，錯新站長站，js就是js特效，本站收集大量高質量js代碼，還有許多廣告代碼下載。
if(chestr == "")
{
alert("請先選擇一個愛好～！");
}
else
{
alert("您先擇的是："+chestr);
}
}
</script>
<a href="<#ZC_BLOG_HOST#>">錯新站長站</a>,站長必備的高質量網頁特效和廣告代碼。zzjs.net，站長js特效。<hr>

選擇您的愛好：
<input type="checkbox" name="box" id="box1" value="跳水" />跳水
<input type="checkbox" name="box" id="box2" value="跑步" />跑步
<input type="checkbox" name="box" id="box3" value="聽音樂" />聽音樂
<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />

代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="all">
label{
cursor:pointer;
font-size:12px;
margin:0px 2px 0px 0px;
color:#2B86BD;
}
.d0{
margin-bottom:30px;
}
.d0 input{
cursor:pointer;
margin:0px;
padding:0px 2px;
}
</style>
<script language="javascript" type="text/javascript">
var dr=document.getElementsByTagName("div"),i,t="";
function submit1(num,type){
t="";
var dri=dr[num].getElementsByTagName("input");
for(i=0;i<dri.length;i++){
if(dri[i].checked){
if(type==0){
alert(dri[i].value);
break;
}else{
t=t+dri[i].value+";";
}
}
}
if(type==1) alert(t);
}
//ChangeSelect
submit1.allselect=function(){
var drc=dr[1].getElementsByTagName("input");
for(i=0;i<drc.length;i++){
drc[i].checked=true;
}
}
//allNot
submit1.allNot=function(){
var drc=dr[1].getElementsByTagName("input");
for(i=0;i<drc.length;i++){
drc[i].checked=false;
}
}
//reverse
submit1.reverseSelect=function(){
var drc=dr[1].getElementsByTagName("input");
for(i=0;i<drc.length;i++){
if(drc[i].checked){
drc[i].checked=false;
}else{
drc[i].checked=true;
}