`
tianjun309
  • 浏览: 368099 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JS 单选框选择动态数据

HTML 
阅读更多 
<!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>
			function query()
			{
				var checked = document.getElementsByName("radiotest");
				var inputValue;
				for(var i = 0;i < checked.length;i++)
				{
					if(checked[i].checked)
					{
						inputValue = document.getElementById(checked[i].value);
						alert(inputValue.value);
					}
				}
			}			
		</script>
	</head>
	<body>
		<input type="radio" value="test1" name="radiotest"/><input type="text" id="test1" name="test1"/><br>
		<input type="radio" value="test2" name="radiotest"/><input type="text" id="test2" name="test2"/><br>
		<input type="button" value="click" onclick="query();"/>
	</body>
</html>
 
分享到：
| 解决web project中用FileInputStream读取 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript获得单选框的值

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

    动态带复选框、单选框Tree

    总结来说，动态带复选框和单选框的Tree是结合了前端技术和后端处理的一种交互式界面组件，通过JavaScript库（如dtree.js）和CSS样式（如dtree.css）实现动态加载和样式控制，而Java和JSP则处理服务器端的数据和逻辑...

    js实现复选框和单选框的选择

    其中，复选框（checkbox）和单选按钮（radio button）是非常常见的输入类型，用于收集用户的选择数据。本文将详细介绍如何使用JavaScript来控制这些表单元素的状态，包括实现单个复选框的选择切换、全选/全不选功能...

    dtree选择部门或者选择部门下人员复选框单选框插件带搜索

    "dtree选择部门或者选择部门下人员复选框单选框插件带搜索"是一种专为此类需求设计的解决方案。dtree插件能够帮助开发者构建交互性强、用户体验良好的选择界面，同时具备搜索功能，提高用户的操作效率。 首先，我们...

    城市选择JS控件，集合

    城市选择JS控件是网页开发中常见的一种交互元素，用于帮助用户在网页上方便地选取他们所在的省份、城市以及区县。在这个集合中，我们涵盖了多种实现方式，以满足不同项目的需求。以下是对这些控件及其特点的详细阐述...

    文本框 单选框 复选框 下拉框

    2. **单选框**（Radio Button）：单选框用于让用户在一组互斥选项中选择一个。美化单选框可能涉及替换默认的圆形图标，使其更符合品牌形象，或者通过CSS实现平滑过渡和动画效果。例如，我们可以使用伪元素和Flexbox...

    jsp+js带单选复选框的动态树

    【jsp+js带单选复选框的动态树】是一个基于Java Server Pages（JSP）和JavaScript技术实现的交互式树形结构，通常用于展示层级关系的数据，如组织架构、文件目录等。在这个应用场景中，用户可以进行选择操作，通过...

    基于easyui的单选和多选框组件

    本项目聚焦于EasyUI中的单选框和多选框组件，这两个组件在数据选择和用户交互方面扮演着重要角色。 标题中的“基于easyui的单选和多选框组件”指的是使用EasyUI库来实现的特定用户界面元素。EasyUI提供了丰富的组件...

    表单/单选框/下拉表单/输入提示下拉表单

    每个单选框都有一个name属性，同一组内的单选框应有相同的name值，这样浏览器就知道它们属于同一选择组。例如： ```html 选项1&lt;/label&gt;&lt;br&gt; 选项2&lt;/label&gt;&lt;br&gt; ``` 接下来，下拉表单（Select Box）则用于提供一...

    AngularJS 单选框及多选框的双向动态绑定.docx

    本篇文章重点讨论了如何在单选框（radio）和多选框（checkbox）中实现这种双向动态绑定。 首先，对于单选按钮，AngularJS提供了一个`ngModel`指令来实现双向绑定。在例子中，我们看到两个单选按钮，它们共享同一个`...

    漂亮jQuery单选框/复选框美化插件Labelauty.js

    漂亮jQuery单选框/复选框美化插件Labelauty.js，支持自定义灰色按钮不可点、支持input控件定义选项 ...直接提交后端即可获取数据还是非常方便的单选框/多选框美化JS插件，特别是在手机端使用，还是非常 适用的。

    jquery 绑定单选框、复选框、下拉框

    本篇文章将详细讲解如何使用jQuery来绑定单选框（radio buttons）、复选框（checkboxes）和下拉框（dropdowns），以便在网页中实现动态交互和数据验证。 首先，让我们了解这三种元素的基本概念： 1. **单选框...

    单选框、下拉列表和简单文件保存的使用代码

    单选框是一种常见的用户输入控件，用于在一组互斥选项中让用户做出单一选择。在编程中，我们通常使用以下两种主要技术来创建单选按钮： 1. HTML/CSS/JavaScript：在HTML中，`&lt;input type="radio"&gt;`标签用于创建单选...

    flex json转无限树形加单选框并获得选中子项

    本话题聚焦于使用Flex处理JSON数据，将其转化为无限层级的树形结构，并添加单选框功能，以便用户选择特定节点，同时能够获取到被选中的子项。这个功能在诸如文件管理系统、组织架构展示、菜单导航等场景中非常常见。...

    layui 实现自动选择radio单选框(checked)的方法

    这个操作是根据从服务器返回的数据动态进行的，展示了如何根据后端数据动态更新前端表单状态。 5. 使用form.render()方法：在Layui框架中，当你动态地修改了表单的内容后，需要调用form.render()方法来重新渲染表单...

    ajax单选框

    在网页开发中，Ajax（Asynchronous JavaScript and XML）是一种创建动态网页的技术，它允许在不刷新整个页面的情况下，与服务器交换数据并更新部分网页内容。"Ajax单选框"指的是利用Ajax技术处理网页中的单选按钮...

    dtree选择部门或者选择部门下人员复选框单选框插件 带搜索

    在这个特定的场景中，"dtree选择部门或者选择部门下人员复选框单选框插件 带搜索"是一个功能丰富的前端工具，它提供了以下关键知识点： 1. **树形结构数据**：树形结构是一种非线性的数据结构，由节点（部门或人员...

    layui radio性别单选框赋值方法

    在上述HTML结构中，性别单选框需要根据后端传递的数据动态赋予选中状态。文章中利用了jQuery库和layui的form模块来实现这一功能。其核心代码如下： ```javascript layui.use('form', function(){ var $ = layui....

    iPhone风格的单选框和复选框.zip

    这个"iPhone风格的单选框和复选框"项目，通过JavaScript（JS）实现，提供了类似iPhone原生UI风格的控件效果，适用于网页应用。以下是关于这个项目的详细知识点： 1. **HTML基础**： - `index.html` 文件是网页的...

    vue 实现单选框设置默认选中值

    在Vue.js框架中，创建和管理单选框的默认选中状态与传统的HTML略有不同，Vue利用其数据绑定机制和组件系统提供了更为灵活的方式。在本文中，我们将深入探讨如何在Vue中实现单选框的默认选中值，并提供一个实际的示例...

Magicbox
Global site tag (gtag.js) - Google Analytics