JavaScript用alert打印复选框checkbox的值

本文介绍了如何使用JavaScript获取HTML复选框checkbox的值,并通过alert函数显示。详细讲述了checkbox的基本语法、alert函数的使用,以及在HTML表单中获取checkbox值的JS函数设计和实现步骤,最后展示了实现效果。
摘要由CSDN通过智能技术生成

关于实现js获取checkbox值的文章有很多,并且大同小异。主要的问题是只有简单的js代码。对于web新手来说,直接应用可能依然会有一些问题。下面就我个人总结这一小块知识点简要说明一下。

1.关于checkbox

即为type属性值为checkbox的表单——复选框。基本语法如下:

<input name="" type="checkbox" value="" checked="checked" />

2.关于alert

alert()函数用于显示带有一个图标、一条指定消息和一个“确定”按钮的告警框。基本语法如下:
alert(message);
说明:message参数是显示在弹出对话框窗口上的纯文本(非HTML文本)。
3.表单标记

<form name="" action="url" method="post|get" enctype></form>

4.js获取checkbox值的函数设计

function funwhy(){
   
				var obj = document.getElementsByName("why");
				//obj是checkbox的对象
				//why是复选框的name
				var str=[];//定义数组用来存储checkbox的值
				for(var i=0;i<obj.length;i++){
   
					if(obj[i].checked)
					    str.push(obj[i].value);
				}				
				alert(str);
			}

5.HTML表单

       您到图书馆的原因是(可多选)<br />
  • 2
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值