精品一区二区三区蜜桃,太子妃好紧皇上好爽h,日韩av一区二区三区四区

改善用戶體驗(yàn)之checkbox表單(最多可以選擇三個(gè))

網(wǎng)絡(luò) 2010/2/9 14:44:31 深山行者字體:大中小瀏覽 15663

以下為詳細(xì)代碼

<!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">
body{ margin:0px; padding:16px;}
form{ margin:0px; padding:0px;}
dl{ margin:0px; padding:0px;}
dt{ margin:0px; padding:26px 0px 6px; font-size:14px; font-weight:bold;}
dd{ margin:0px; padding:0px; font-size:14px; vertical-align:middle;}
label{ cursor:pointer;}
</style>
<title>改善用戶體驗(yàn)之checkbox</title>
</head>

<body>
<form action="?">
    <dl>
      <dt>你經(jīng)常使用哪些郵箱？（不超過3個(gè)）</dt>
      <dd>
        <input type="checkbox" id="c1" name="mail" /><label for="c1">Gmail</label> 
        <input type="checkbox" id="c2" name="mail" /><label for="c2">QQmail</label> 
        <input type="checkbox" id="c3" name="mail" /><label for="c3">網(wǎng)易郵箱</label> 
        <input type="checkbox" id="c4" name="mail" /><label for="c4">搜狐郵箱</label> 
        <input type="checkbox" id="c5" name="mail" /><label for="c5">Hotmail</label> 
        <input type="checkbox" id="c6" name="mail" /><label for="c6">新浪郵箱</label>
        <input type="checkbox" id="c7" name="mail" /><label for="c7">企業(yè)郵局</label>  
        <input type="checkbox" id="c8" name="mail" /><label for="c8">其它</label>      
      </dd>
      <dt>你經(jīng)常使用哪些IM工具？（不超過4個(gè)）</dt>
      <dd>
        <input type="checkbox" id="m1" name="im" /><label for="m1">QQ</label> 
        <input type="checkbox" id="m2" name="im" /><label for="m2">MSN</label> 
        <input type="checkbox" id="m3" name="im" /><label for="m3">GTalk</label> 
        <input type="checkbox" id="m4" name="im" /><label for="m4">網(wǎng)易泡泡</label> 
        <input type="checkbox" id="m5" name="im" /><label for="m5">校內(nèi)通</label> 
        <input type="checkbox" id="m6" name="im" /><label for="m6">新浪UC</label>
        <input type="checkbox" id="m7" name="im" /><label for="m7">移動(dòng)飛信</label>  
        <input type="checkbox" id="m8" name="im" /><label for="m8">其它</label>      
      </dd>
    </dl>
</form>
<script language="javascript" type="text/javascript">
function chkCheckBox(obj){ 
    var result=0;
    if(obj.length){ 
        for(var i=0;i<obj.length;i++){ 
            if(obj[i].checked){ 
                result++;
            } 
        } 
    }else{ 
        result=obj.checked?1:0; 
    } 
    return result;
}
function chknum(name,n){
   var obj=getBox(name);
   for(var i=0;i<obj.length;i++){
	     obj[i].onclick=function(){
		    if(chkCheckBox(obj)>n-1){disCheckBox(obj,1);}else{disCheckBox(obj)}
		 }
	}
}
function disCheckBox(obj,type){
  for(var i=0;i<obj.length;i++){
    if(!obj[i].checked){if(type){obj[i].disabled=true;}else{obj[i].disabled=false;}}
  }
}
function getBox(name){
  var input=document.getElementsByTagName("input");
  var r=[];
  for(var i=0;i<input.length;i++){
      if(input[i].getAttribute("name")==name){
	  r.push(input[i]);
	  }
  }
  return r;
}
chknum("mail",3);
chknum("im",4);
</script>
</body>
</html>

前一頁:Javascript JS 限制復(fù)選框的選擇個(gè)數(shù)(2)

后一頁:點(diǎn)擊復(fù)選框自動(dòng)寫入textarea,去掉自動(dòng)刪掉,適合做(網(wǎng)站來源,網(wǎng)站作者)

相關(guān)閱讀: pywinauto技術(shù)文檔; 深山行者旅行社網(wǎng)站管理系統(tǒng) v1.4; 生成最新日期與時(shí)間選擇（年月日）下拉框; JavaScript max() 方法; 深山行者留言系統(tǒng)V3.2發(fā)布; 請(qǐng)勿在本地站發(fā)布亂七八糟的廣告，本站所有的留言與評(píng)論全是需要審核的; 利用錨點(diǎn)做純CSS的圖片展示效果; 振輝消音器

共有0條關(guān)于《改善用戶體驗(yàn)之checkbox表單(最多可以選擇三個(gè))》的評(píng)論: 發(fā)表評(píng)論

正在加載評(píng)論......

返回頂部發(fā)表評(píng)論

呢稱:
表情:
內(nèi) 容:	評(píng)論內(nèi)容:不能超過 1000 字,需審核,請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗(yàn)證碼:

網(wǎng)友評(píng)論聲明,請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評(píng)論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會(huì)、集體和公民的合法權(quán)益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對(duì)自己在本站的言論和行為負(fù)責(zé);
三、本站對(duì)您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇: 百度小程序開發(fā); 微信小程序開發(fā); 微信公眾號(hào)開發(fā); uni-app; asp函數(shù)庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: input文本輸入框只能輸入數(shù)字或字母或漢字等; 用于深山在線投票的一個(gè)javascript統(tǒng)計(jì)checkbox現(xiàn)在選中的個(gè)數(shù)一邊點(diǎn)復(fù)選框一邊驗(yàn)證并計(jì)算現(xiàn)在選了多少個(gè)復(fù)選框; 利用javascript簡短功能就可以檢查form表單中的元素是否已經(jīng)填寫; javascript日期驗(yàn)證比較; javascript 根據(jù)漢字拼音首字母快速定位下拉列表; javascript取漢字拼音首字母縮寫程序

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動(dòng)端自動(dòng)化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現(xiàn)：無法載入您的Firefox配置文件它可能已經(jīng)丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機(jī)抽取信息: JS自動(dòng)獲取TAGS關(guān)鍵詞; a標(biāo)簽的javascript鏈接; 中小企業(yè)網(wǎng)站優(yōu)化存在的弊病; 向各位網(wǎng)友匯報(bào)下許愿墻進(jìn)程。; 購買深山旅行社管理系統(tǒng)后享受哪些服務(wù)?; 利用aspJpeg組件生成多圖片水印組合時(shí)給加上透明水印圖片

更多標(biāo)簽熱門標(biāo)簽

翻轉(zhuǎn) csss 重復(fù) txt 不對(duì)齊貨幣 sel 框命名網(wǎng)頁 163 PSD innerHTML 265 下劃線固定 loading 加長復(fù)選框 Session dl 限制彈出 access 鎯淘寶定律相冊(cè) time 經(jīng)典偽類 jpg Excel openwin 注冊(cè) 比例 CSS濾鏡排序自適應(yīng)高度搜索關(guān)閉 web2.0 filter 創(chuàng)業(yè) flash 設(shè)為首頁 expression 下拉框 2.0 強(qiáng)度滑動(dòng)

天天射射天天_久久com_99这里只有精品视频_爱色av_国产在线a_99日韩

改善用戶體驗(yàn)之checkbox表單(最多可以選擇三個(gè))