 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>無(wú)標(biāo)題文檔</title> 
<script type="text/javascript" language="javascript"> 
function selectAll() 
{ 
var allCheckBoxs = document.getElementsByName("coffee"); 
var desc = document.getElementById("like"); 
if(desc.value == "都喜歡") 
{ 
desc.value = "都不喜歡"; 
for(var i = 0; i < allCheckBoxs.length; i ++ ) 
{ 
allCheckBoxs[i].checked = true; 
} 
} 
else 
{ 
desc.value = "都喜歡"; 
for(var i = 0; i < allCheckBoxs.length; i ++ ) 
{ 
allCheckBoxs[i].checked = false; 
} 
} 
} 
</script> 
</head> 
<body> 
<p>你喜歡那種類型咖啡</p> 
<form> 
<input type="checkbox" name="coffee" value="cream">藍(lán)山咖啡<br> 
<input type="checkbox" name="coffee" value="sugar" >摩卡<br> 
<input type="checkbox" name="coffee" value="sugar">拿鐵<br> 
<input type="checkbox" name="coffee" value="sugar">卡布奇諾<br> 
<input type="checkbox" name="coffee" value="sugar">愛(ài)爾蘭咖啡<br> 
<input type="button" id="like" value="都喜歡" onClick="selectAll()"> 
</form> 
</body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

前端面試題及答案整理(二)
上一篇從常見(jiàn)數(shù)據(jù)結(jié)構(gòu)算法、JavaScript兩個(gè)方面從面試的角度進(jìn)行了整理，本文將對(duì)其余內(nèi)容進(jìn)行補(bǔ)充
2016-08-08
js技巧收集(200多個(gè)) 超強(qiáng)推薦
[紅色]js技巧收集(200多個(gè)) 超強(qiáng)推薦...
2007-02-02
詳解JS瀏覽器事件循環(huán)機(jī)制
這篇文章主要介紹了JS瀏覽器事件循環(huán)機(jī)制，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-03-03
JavaScript操作HTML元素和樣式的方法詳解
這篇文章主要介紹了JavaScript操作HTML元素和樣式的方法,通過(guò)HTML DOM來(lái)進(jìn)行相關(guān)的元素添加和刪除,需要的朋友可以參考下
2015-10-10
JavaScript進(jìn)階教程(第三課第二部分)
JavaScript進(jìn)階教程(第三課第二部分)...
2007-04-04
javascript typeof id===''string''?document.getElementById(id
剛開(kāi)始學(xué)習(xí)js的朋友可能會(huì)有些疑問(wèn)，其實(shí)這段代碼使用js的三元運(yùn)算符，這樣代碼看起來(lái)高大上，最主要是代碼段少
2016-11-11
淺談javascript中new操作符的原理
下面小編就為大家?guī)?lái)一篇淺談javascript中new操作符的原理。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-06-06
js中g(shù)etBoundingClientRect( )方法案例詳解
這篇文章主要介紹了js中g(shù)etBoundingClientRect( )方法案例詳解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
2021-07-07
javascript中call,apply,bind的用法對(duì)比分析
這篇文章主要給大家對(duì)比分析了javascript中call,apply,bind三個(gè)函數(shù)的用法，非常的詳細(xì)，這里推薦給小伙伴們。
2015-02-02
JavaScript基礎(chǔ)之對(duì)象
這篇文章主要介紹了如何理解JavaScript中的對(duì)象，幫助大家更好的學(xué)習(xí)JavaScript，感興趣的朋友可以了解下
2021-11-11