例:
一切尽在不言中:
for (i=0;i<document.searchform.searchradio.length;i++) {
if (document.searchform.searchradio[i].checked) {
id = document.searchform.searchradio[i].value;
break;
}
}
---------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<script>
function searchSubmit(){
var id;
for (i=0;i<document.searchform.searchradio.length;i++) {
if (document.searchform.searchradio[i].checked) {
id = document.searchform.searchradio[i].value;
break;
}
}
alert(id);//radio的值
var searchword=document.searchform.searchword.value;//searchword的值
alert(searchword);
return false;
}
</script>
<form id="searchform" onsubmit="return searchSubmit();" target="_blank" method="get" action="#" name="searchform">
<input id="searchword" type="text" name="searchword"/>
<input type="radio" value="视频" name="searchradio"/>
视频
<input type="radio" checked="" value="网页" name="searchradio"/>
网页
<input type="submit" value="提交" name="btnG"/>
</form>
</body>
</html>
分享到：
相关推荐
本文将通过一个简单实例，讲解如何在JavaScript中获取JSP表单中单选按钮（radio）类型的值。 首先，我们需要了解单选按钮（radio）在HTML表单中的基本用法。单选按钮允许用户在一组选项中选择一个值，它通常使用`...
这段代码会为所有name为group1的radio按钮注册change事件，当任何一个radio的选中状态发生变化时，就会触发此函数，并打印出当前选中的radio的值。 5. Radio分组 如文档描述所示，一组radio的name属性值必须相同，...
### jQuery 获取表单值 在Web开发中，jQuery作为一个非常流行的JavaScript库，简化了许多复杂的DOM操作，特别是对于表单数据的获取与处理方面提供了极大的便利。本文将详细讲解如何使用jQuery来获取不同类型的表单...
表单中的单选按钮（radio）是一种常见且特殊的数据输入方式，允许用户在预设的多个选项中选择一个。由于其特殊的使用方式，验证单选按钮是否被选中也就有别于其他表单元素。在本文中，我们将深入探讨使用JavaScript...
本文将详细介绍如何使用jQuery获取表单中被选中的radio按钮的值。 首先，我们来看一个简单的HTML表单示例： ```html <!-- 省略200字 --> <input type='radio' name='opType' value='0' />搁置 ...
jquery取radio单选按钮的值$(“input[name=’items’]:checked”).val();jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值 var item = $(...
select，radio 表单回显避免使用jquery载入赋值
本项目展示了如何在JSP页面中使用`radio`控件，结合JavaScript进行用户交互处理，如判断是否选中以及获取选中的`radio`控件的值。 首先，我们来理解`radio`控件的基本结构。在HTML中，`<input>`标签用于创建`radio`...
本篇文章将详细讲解如何使用JavaScript来获取选中的Radio button的值以及相关的知识点。 首先，Radio按钮在HTML中的基本结构如下： ```html <input type="radio" id="option1" name="options" value="1"> ...
在JavaScript中，获取单选按钮（radio）选中后的值是一项常见的任务，特别是在表单提交时。单选按钮通常用于提供一组互斥的选择，用户只能选择其中的一个。在本文中，我们将探讨如何在用户选择或未选择单选按钮时...
本文将深入探讨如何使用jQuery来判断单选按钮（radio）是否有被选中，并获取选中的值。 首先，我们需要理解HTML中的`<input type="radio">`元素。在网页中，单选按钮通常用于提供一组互斥的选择选项，用户只能选择...
当使用 $("#id") 选择器选中了一个元素后，可以使用 .val() 来获取这个元素的值。这里，“#id”是CSS选择器的一种，用于选中id属性为特定值的元素。例如，如果有一个input元素的id属性为cifNo，则可以使用$("#cifNo...
单选按钮（Radio Button）是表单元素中用于在多个选项中只选择一个选项的一种控件。在JavaScript中，获取单选按钮的值是一个基础而重要的操作。本文将介绍如何使用JavaScript简单地获取表单中单选按钮的值，并涉及到...
本教程将详细介绍如何在JavaScript（JS）中实现用图片代替Radio选择value值的功能。 首先，我们需要在HTML中设置Radio按钮，并为其添加相应的图片。每个Radio按钮都有一个唯一的ID和name属性，以确保用户只能选择一...
本文将详细介绍如何在JavaScript中获取不同类型的HTML表单元素的值，包括下拉选择框（`<select>`）、单选按钮（`<input type="radio">`）、复选框（`<input type="checkbox">`）以及文本输入框（`...
本文将详细介绍Struts2中用于处理复选框（checkbox）、单选按钮（radio）以及下拉选择框（select）的表单标签，并通过具体的例子展示它们的用法。 ### 1. 表单标签Checkbox - 复选框 **复选框**允许用户从多个选项...
- 单选组radio：`$("input[@type=radio][@checked]").val()`获取选中项的value值。 - 下拉框select：`$('#sel').val()`获取选中项的value值。 以上就是jQuery中关于radio、checkbox和select的基本操作，这些方法...
表单用于收集用户输入的数据，通常包含各种表单控件，如文本输入框（`<input type="text">`）、密码输入框（`<input type="password">`）、复选框（`<input type="checkbox">`）、单选按钮（`<input type="radio">`...
在处理用户交互时，尤其是表单元素如单选按钮（radio buttons）时，jQuery提供了方便的方法来获取选中值以及清除选中状态。下面我们将详细探讨如何使用jQuery实现这些功能。 首先，我们来看如何获取单选按钮的选中...
在实际场景中，Radio按钮广泛应用于各种应用程序，包括表单提交、设置配置、游戏选项等。例如，在设置应用中，用户可能需要选择默认语言或主题；在购物网站上，用户可以选择配送方式或支付方式。 总结文档“radio...