`

js 获取单选按钮的值

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>test_001.html</title>

		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="this is my page">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
		<script type="text/javascript">
function show_result() {
	for ( var i = 0; i < myform.show_type.length; i++) {
		if (myform.show_type[i].checked) {
			var return_value = myform.show_type[i].value; //这里得到单选按钮值
			alert(return_value);
		}
	}
}
</script>
	</head>
	<body>
		<form action="" name="myform">
			<input type="radio" name="show_type" value="type1" 

checked="checked" />
			type1 &nbsp;&nbsp;&nbsp;&nbsp;
			<input type="radio" name="show_type" value="type2" />
			type2<br/>
			<input type="button" onclick="show_result()" value="test" />
	</body>
</html>

分享到:
评论
1 楼 1641606815 2012-12-23  
如果把实现的效果图贴出来,会更好一些!

相关推荐

    js简单获取表单中单选按钮值的方法

    // 获取单选按钮值 for (var i = 0; i ; i++) { if (form1.returnTag[i].checked) { var returnTagValue = form1.returnTag[i].value; // 这里得到单选按钮值 alert(returnTagValue); // 可以通过其他方式使用...

    Asp.Net中跨页数据提交获取单选按钮的值

    在Asp.Net中,一个简单的跨页数据提交获取单选按钮值的例子如下: ```asp // 页面1.aspx // 页面1.aspx.cs protected void NextButton_Click(object sender, EventArgs e) { if (Option1.Checked) { // ...

    javascript获得单选框的值

    ### JavaScript 获取单选框的值 在Web开发中,JavaScript是一种非常重要的客户端脚本语言,它可以帮助我们处理用户输入的数据、动态更新网页内容等。在HTML表单中,单选框(`&lt;input type="radio"&gt;`)是常用的一种...

    js如何调用单选按钮

    JavaScript 可以用于控制单选按钮的行为,例如选择某个单选按钮、获取单选按钮的值等。下面将详细说明如何使用 JavaScript 调用单选按钮。 获取单选按钮的值 在上面的例子中,我们使用 `getElementsByName()` 方法...

    点击单选按钮js获取出值

    $(function(){ $("input:radio").click(function () { //获取选中的radio的值 if($(this).attr("checked")){ var contactUserId = $(this).val(); alert(contactUserId ); } }); }); &lt;/script&gt;

    jquery 获取单选按钮的值

    本篇文章将详细讲解如何在jQuery中获取单选按钮(radio button)的值。 首先,我们需要了解HTML中的单选按钮是如何定义的。在HTML中,单选按钮通常使用`&lt;input&gt;`标签的`type="radio"`属性来创建。每个单选按钮都有...

    javascript处理单选按钮组

    要获取单选按钮组中被选中的按钮的值,可以使用以下JavaScript代码: ```javascript var group = document.getElementsByName('RadioGroup1'); for (var i = 0; i ; i++) { if (group[i].checked) { alert(group...

    js实现不提交表单获取单选按钮值的方法

    本篇文章将深入探讨如何使用JavaScript实现不提交表单就能获取单选按钮的值,以及涉及到的相关页面元素属性操作和鼠标事件。 首先,一个基本的HTML表单通常包含若干输入元素,如文本框、单选按钮等。单选按钮...

    js单选按钮和向action中传多个参数

    #### 1.2 获取单选按钮的状态 JavaScript中可以通过`document.getElementsByName()`方法来获取所有具有相同名称的元素集合。在这个例子中,`document.getElementsByName("choose")`用于获取所有名为“choose”的单选...

    ajax实现下拉列表改变时动态创建单选按钮

    本文将深入探讨如何使用Ajax实现下拉列表(Select)改变时动态创建单选按钮(Radio Button)组,同时也会涉及列表框、分组以及动态创建等关键知识点。 首先,我们需要理解Ajax的基本原理。Ajax允许我们在不刷新整个...

    JS获取下拉框显示值和判断单选按钮的方法

    本文实例讲述了JS获取下拉框显示值和判断单选按钮的方法。分享给大家供大家参考。具体如下: 1.本人做过很多项目,都需要得到select组件显示的值。下面是我经常用到的方法: Html源码如下: &lt;html&gt;&lt;body&...

    mui开发中获取单选按钮、复选框的值(实例讲解)

    本文将详细介绍如何在Mui开发环境中获取单选按钮(Radio)和复选框(Checkbox)的值,并提供具体的实例代码。 首先,我们来理解单选按钮和复选框在HTML中的基本使用方式。单选按钮通常用于在一组选项中选择一个,而...

    GridView实现单选按钮

    本篇文章将详细探讨如何利用JavaScript(JS)来实现GridView中的单选按钮功能。 首先,我们需要理解GridView的基本结构。GridView控件通常通过绑定数据源(如数据库查询结果)来填充其行和列。默认情况下,GridView...

    js获取单选按钮的数据

    在JavaScript(JS)中,获取单选按钮(Radio Button)的数据是常见的操作,尤其是在处理用户交互的表单时。在给定的示例中,我们看到一个简单的HTML表单,包含三个年龄选择的单选按钮,以及一个用于触发JS函数的按钮...

    ASP单选按钮实现页面跳转并传值

    使用 ASP 实现单选按钮的页面跳转并传值是非常简单的,只需要使用 JavaScript 来实现 onclick 事件,并将单选按钮的值传递给下一个页面。同时,在下一个页面中,我们可以使用 Request.QueryString 获取传递的参数,...

    jQuery获取选中单选按钮radio的值

    在JavaScript的世界里,jQuery库提供了一种简便的方式来操作DOM元素,包括获取用户在网页上选中的单选按钮(radio)的值。这篇文章将详细介绍如何利用jQuery来获取选中单选按钮的值,通过两个实例来展示不同的实现...

    用 Javascript 验证表单(form)中的单选(radio)值

    在文中提到的getRadioValue函数,就是一个用于获取单选按钮值的通用方法。该函数接受单选按钮组作为参数,然后通过循环检查每一个单选按钮是否被选中。如果找到选中的单选按钮,则返回该按钮的value属性值;如果没有...

    js中获取jsp表单中radio类型的值简单实例

    用户选中的单选按钮值会作为表单数据提交给服务器。然而,有时候我们需要在提交前用JavaScript动态获取用户的选择,特别是在执行Ajax请求之前。 接下来,我们将通过JavaScript代码实现这个功能。首先,我们需要获取...

Global site tag (gtag.js) - Google Analytics