关于文本框、单选按钮、复选框该如何取值

最新推荐文章于 2024-02-27 14:46:01 发布

百度没有我的爱

最新推荐文章于 2024-02-27 14:46:01 发布

阅读量638

点赞数

文章标签： jQuery javascript html checkbox radio

本文链接：https://blog.csdn.net/u013199013/article/details/80965419

版权

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <script src="jquery-3.3.1.min.js" type="text/javascript"></script>
  <script type="text/javascript">
	function loginButton() {
		var text = $("#myText").val();
		alert(text);
		
		var radio = $('input:radio:checked').val();
		var radio2 = $('input[name="radio"]:checked').val();
		alert(radio2);

		var obj = document.getElementsByName("checkbox");
		var value = new Array();
		for(var i = 0; i < obj.length; i++){
			if(obj[i].checked)
			value.push(obj[i].value);
		}
		alert(value);
	}
  </script>
 </head>
 <body>
	<from action="" name="myform">
		文本框：<input type="text" name="text" id="myText">
		<br>

		单选框：<input type="radio" name="radio" id="myRadio" value="男">男
				<input type="radio" name="radio" id="myRadio" value="女">女
		<br>
		
		复选框：
		<input type="checkbox" name="checkbox" id="myCheckbox" value="1">1
		<input type="checkbox" name="checkbox" id="myCheckbox" value="2">2
		<input type="checkbox" name="checkbox" id="myCheckbox" value="3">3
		<br>

		<input type="button" οnclick="loginButton()" value="BUTTON">

	</form>
 </body>
</html>

百度没有我的爱

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
关于文本框、单选按钮、复选框该如何取值

&lt;!doctype html&gt;&lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="Generator" content="EditPlus®"&gt; &lt;meta name="Author"
复制链接

扫一扫