弹出的对话框现显示文本域和复选框中的值。

最新推荐文章于 2022-11-10 12:56:45 发布

灬老公别撕丿我脱

最新推荐文章于 2022-11-10 12:56:45 发布

阅读量581

点赞数

文章标签： JavaScript ViewUI

本文链接：https://blog.csdn.net/u011198630/article/details/84740937

版权

定义复选框不用加.value；getelementsbyname().

<title>无标题文档</title>
<script>
function texts(){
//alert("111");
var texts1="";//定义变量
var name1 = document.getElementById('name').value;//定义变量。文本域的id“name”
var num1 = document.getElementsByName("checkbox1");//定义。复选框：ByName(复选框name)
if(num1[0].checked==true){//判断。
texts1+=num1[0].value;
}
if(num1[1].checked==true){
texts1+=num1[1].value;
}
if(num1[2].checked==true){
texts1+=num1[2].value;
}
alert(name1+texts1);
}
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<p>用户名：
<label for="name"></label>
<input type="text" name="name" id="name" />
</p>
<p>爱好：
<input type="checkbox" name="checkbox1" id="checkbox1" value="read" />
<label for="checkbox1"></label>
读书
<input type="checkbox" name="checkbox1" id="checkbox2" value="study" />
学习
<input type="checkbox" name="checkbox1" id="checkbox3" value="sports" />
<label for="checkbox3"></label>
体育</p>
<p>
<input type="button" name="txet" id="txet" value="测试" οnclick="texts()"/>
</p>
</form>
</body>
</html>

灬老公别撕丿我脱

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
弹出的对话框现显示文本域和复选框中的值。

定义复选框不用加.value；getelementsbyname().无标题文档function texts(){ //alert("111"); var texts1="";//定义变量 var name1 = document.getElementById('name').value;//定义变量。文本域的id“name” var num1 = document...
复制链接

扫一扫