99视频在线精品免费,4484在线观看视频,chinese乱xxx

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

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

以下為詳細(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)閱讀: 洪江市道德模范評(píng)選 - 網(wǎng)絡(luò)投票; Javascript輸入漢字自動(dòng)轉(zhuǎn)換為首字母的拼音碼; asp利用函數(shù)生成指定位數(shù)的隨機(jī)數(shù)字符串; 最新縣及縣以上1980年以來歷史行政區(qū)劃代碼大全截止2018年3月31日; CSS代碼格式化和壓縮化; 生成隨機(jī)字符串的函數(shù); 酷在旅途; 當(dāng)前流行的四款常用瀏覽器最客觀的評(píng)測(cè)

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

更多信息>>欄目類別選擇: 百度小程序開發(fā); 微信小程序開發(fā); 微信公眾號(hào)開發(fā); uni-app; asp函數(shù)庫(kù); 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簡(jiǎn)短功能就可以檢查form表單中的元素是否已經(jīng)填寫; javascript日期驗(yàn)證比較; javascript 根據(jù)漢字拼音首字母快速定位下拉列表; javascript取漢字拼音首字母縮寫程序

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

更多>>隨機(jī)抽取信息: 諸城現(xiàn)代旅行社有限公司; 絕對(duì)管用的iis安裝包下載; 一些平時(shí)用到HTML的過濾; CSS教程:用dl dt dd來制作新聞文章列表; 可以生成跟QQ菜單一樣的生成器; 支持IE與firefox(火狐)的css寫省略號(hào)方法

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

游覽器導(dǎo)航打字間隔管理采集文件類型表格 style 計(jì)劃 dl button 閉合理想 flash 選擇框跳轉(zhuǎn) 全選 dw 訪問量光標(biāo) 憂化舒服省略 IP 旅行社 slectindext 高亮焦點(diǎn) 添加許愿墻 CSS濾鏡 IE8 換行連云港旅游緩沖美化 ie6 教程定位絕對(duì)管用的iis安裝包下載深山蜘蛛 expression 參數(shù) 提示上下左右路徑文本 dreawmeaver 學(xué)習(xí)

伦理片hd-伦理片 在线播放-伦理片 在线-伦理免费在线观看-综合图片区-综合婷婷

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

伦理片hd-伦理片在线播放-伦理片在线-伦理免费在线观看-综合图片区-综合婷婷