checkbox使用

最新推荐文章于 2021-06-22 11:17:44 发布

自找苦吃，自得其乐

最新推荐文章于 2021-06-22 11:17:44 发布

阅读量605

点赞数

分类专栏： 13_css 文章标签： button function query html

本文链接：https://blog.csdn.net/tengdazhang770960436/article/details/7461152

版权

13_css 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Untitled Document</title>
		<script type="text/javascript">
			function check(){
				document.getElementById("mycb1").checked=true;
			}
			function uncheck(){
				document.getElementById("mycb1").checked=false;
			}
			function query(){
				var b = document.getElementById("mycb2").checked;
				if(b){
					alert("mycb2 is checked");
				}else{
					alert("mycb2 is not checked");
				}
			}
			function checkedCar(){
				var txt="";
				//获取复选框数组 0代表的是本页面中第一个form后面的.car则代表的是要查询的元素
				var car = document.forms[0].car;
				//遍历复选框数组
				for(i=0;i<car.length;i++){
					if(car[i].checked){
						txt+=car[i].value+"\t";
					}
				}
				//将数组内容显示在text框中
				document.getElementById("mytext").value=txt;
			}
		</script>
	</head>
	<body>
		<form>
			<input id="mycb1" type="checkbox" />
			<input type="button" value="选中" οnclick="check()"/>
			<input type="button" value="取消选中" οnclick="uncheck()"/>
			<input id="mycb2" type="checkbox"/>
			<input type="button" value="查看" οnclick="query()"/>
			<br/><br/><br/><br/>
			<p>查看多个复选框</p>
			<p>您喜欢的汽车:</p>
			<input type="checkbox" name="car" value="QQ"/>QQ<br/>
			<input type="checkbox" name="car" value="马自达"/>马自达<br/>
			<input type="checkbox" name="car" value="别克"/>别克<br/>
			<input type="checkbox" name="car" value="皇冠"/>皇冠<br/>
			<input type="checkbox" name="car" value="林肯"/>林肯<br/>
			<input type="checkbox" name="car" value="宾利"/>宾利<br/>
			<input type="button" value="您喜欢的汽车有:" οnclick="checkedCar()"><br/>
			<input id="mytext" type="text" size="50">
			
		</form>
	</body>
</html>

自找苦吃，自得其乐

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
checkbox使用

Untitled Document function check(){ document.getElementById("mycb1").checked=true; } function uncheck(){ document.getElementById("mycb1").checked=false; } function query(){
复制链接

扫一扫

专栏目录