JAVASCRIPT引用INPUT值问题

Web 开发 > JavaScript
收藏 回复
[问题点数：20分，结帖人eimhee]
更多帖子
私信 空间 博客
eimhee
等级
本版专家分：35
结帖率 99.43%
帮我看一下下面这个程序， 有没有错， 
document.eventConfirmForm.A01， 这样是不是出错了

<form name="eventConfirmForm" method="post" action="http://www3.dev.chinawebinar.com/eventConfirm.do"
onsubmit="return check();">

<script language="JavaScript">
        function check() {
        for (i=0;i<document.eventConfirmForm.A01.length;i++)  //这一行为什么出错
        {
          if (document.vote.A01[i].checked)
                 return true;
        }
        
        alert('111111111');
        return false;
       }</script>
<input name="A01"  value="FD"  type="radio">
<input name="A01"  value="ERERER"  type="radio">
<input name="A01"  value="HGHGHGH"  type="radio">
</form>
只看楼主 引用 举报 楼主 收起
展开阅读全文
更多帖子
私信 空间 博客
随遇而安2016
等级
本版专家分：293
这句有错误,vote不存在
if (document.vote.A01[i].checked) -->if (document.eventConfirmForm.A01[i].checked)
只看TA 引用 举报 #1得分 2
更多帖子
私信 空间 博客
eimhee
等级
本版专家分：35

谢谢， 有两组INPUT值，A01，A02，如下
<input name="A01"  value="FD"  type="radio">
<input name="A01"  value="ERERER"  type="radio">
<input name="A01"  value="HGHGHGH"  type="radio"> 


<input name="A02"  value="FD"  type="radio">
<input name="A02"  value="ERERER"  type="radio">
<input name="A02"  value="HGHGHGH"  type="radio"> 


两组值中有一个属性为CHECKED， 就返回TRUE，否则返回FALSE

用JAVASCRIPT怎么写呢？
只看TA 引用 举报 #2得分 0
更多帖子
私信 空间 博客
sd5816690
等级
本版专家分：8634


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<head>

<title>无标题文档</title>

<script>

function checkRadio(){

	var flag = false;

	var radios = document.getElementsByName("A01");

	for(var i = 0; i < radios.length && !flag; i++){

		flag = flag || radios[i].checked;

	}



	radios = document.getElementsByName("A02");

	for(var i = 0; i < radios.length && !flag; i++){

		flag = flag || radios[i].checked;

	}

	return flag;

}

</script>

</head>



<body>

<form>

<input name="A01"  value="FD"  type="radio"/> 

<input name="A01"  value="ERERER"  type="radio"/> 

<input name="A01"  value="HGHGHGH"  type="radio"/> 





<input name="A02"  value="FD"  type="radio"/> 

<input name="A02"  value="ERERER"  type="radio"/> 

<input name="A02"  value="HGHGHGH"  type="radio"/>



<input type="button" value="验证" onclick="alert(checkRadio())"/>

<input type="reset" value="清空">

</form>

</body>

</html>
只看TA 引用 举报 #3得分 5
更多帖子
私信 空间 博客
eimhee
等级
本版专家分：35
这代码真的不错！ 
只看TA 引用 举报 #4得分 0
更多帖子
私信 空间 博客
jhwcd
等级
本版专家分：15023
勋章
Blank
黄花 2008年7月 Web 开发大版内专家分月排行榜第二
引用 3 楼 sd5816690 的回复:
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>
<title>无标题文档</title>
<script>
function checkRadio(){
    var flag = false;
    var radios = document.getElementsByName("A01");
    for(var i = 0; i < radios.length && !flag; i++){
        flag = flag || radios[i].checked;
    }

    radios …

就用3楼的吧。
只看TA 引用 举报 #5得分 0
更多帖子
私信 空间 博客
eimhee
等级
本版专家分：35
有点问题
第一组如果flag 为TRUE，不是以后都会为TRUE了

也就是只要第一组选择了， 就返回TRUE了

不知道我理解对不对
只看TA 引用 举报 #6得分 0
更多帖子
私信 空间 博客
zl_c
等级
本版专家分：8264
<!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=gb_23-12" />

<title>无标题文档</title>

<script>

function chkRadio(n)

{

	var o = document.getElementsByName(n);

	for(var i = 0;i < o.length;i++) if(o[i].checked) return true

	return false;

}

</script>

</head>



<body>

<input name="A01"  value="FD"  type="radio"> 

<input name="A01"  value="ERERER"  type="radio"> 

<input name="A01"  value="HGHGHGH"  type="radio"> 

<input type="button" value="检测A01" onclick="alert(chkRadio('A01'))"> 



<input name="A02"  value="FD"  type="radio"> 

<input name="A02"  value="ERERER"  type="radio"> 

<input name="A02"  value="HGHGHGH"  type="radio"> 

<input type="button" value="检测A02" onclick="alert(chkRadio('A02'))"> 



</body>

</html>
只看TA 引用 举报 #7得分 2
更多帖子
私信 空间 博客
sd5816690
等级
本版专家分：8634
引用 6 楼 eimhee 的回复:
有点问题 
第一组如果flag 为TRUE，不是以后都会为TRUE了 

也就是只要第一组选择了， 就返回TRUE了 

不知道我理解对不对

在 3 楼的要求不就是这样吗？
两组中，只要其中有一组的某一个被选中，就为 true

或者是 7 楼这样？？？
只看TA 引用 举报 #8得分 4
更多帖子
私信 空间 博客
sd5816690
等级
本版专家分：8634
说错了，是 2 楼的要求
只看TA 引用 举报 #9得分 0
更多帖子
私信 空间 博客
eimhee
等级
本版专家分：35
这样写与我具本的业务好像不符了， 

还是用<input type="button" value="验证" onclick="alert(checkRadio())"/>， 别写两个吧
只看TA 引用 举报 #10得分 0
1 2
收起
收藏 回复
eimhee

等级：

关注 私信 TA的帖子
JavaScript --经典问题

JavaScript中如何检测一个变量是一个String类型？请写出函数实现 方法1、 function isString(obj){ return typeof(obj) === "string"? true: false; // returntypeof obj === "string"? true: false...

js引用HTML代码 改变input值

js引用HTML代码  if (data != '' && data != null) {  //document.writeln("<input onkeyup=\"this.value=this.value.replace(/\/\/D/g,\'\')\" onafterpaste=\"this.value=this.value.re

2020年前端面试题及答案

4、前端安全性问题 5、前端跨域问题 6、前端数据加密 7、前端http相关问题 8、*前端基础知识点面试题 9、前端技术栈问题 前言 由于新冠肺炎疫情，现在成天呆在家里，加上也要准备面试，就在...

同一页面把js的值传入input

在做选择项时有用到。 document.getElementById("test").value="x_x()";

通过js获得input文本框输入的值

如何通过js获得input文本框输入的值。 前言 我们编写的被载入浏览器的HTML页面都是一个 Document 对象。对于Document对象可以使我们通过代码(比如javascript)对HTML页面中的所有元素进行访问。比如div标签元素、...

JavaScript 和jsp 值相互调用

获取后台的值，如request对象， 例如：获得权限信息并展示，一段JavaScript 代码如下 1）赋值给页面   Js代码   "text/javascript"> function initRight() {

基于SSM的校园二手交易平台的设计与实现

PS： Java版本：1.7 数据库：MySQL 框架：Spring + Spring MVC + MyBatis 服务器：Tomcat 前端解析框架：Thymeleaf 开发工具：Idea 2017 版本管理工具：Maven 版本控制工具：GitHub ...一、设计概...

js面试题

JavaScript 的组成 JavaScript 由以下三部分组成： ECMAScript（核心）：JavaScript 语言基础 DOM（文档对象模型）：规定了访问 HTML 和 XML 的接口 BOM（浏览器对象模型）：提供了浏览器窗口之间进行交互的对象和...

Javascript 正确地引用表单和表单元素

对于 XHTML 文档来说，name 属性是不被要求的，但 Form 标签中应有相应有 id 属性，并必须用 document.getElementById() 来引用。使用像 document.forms[0] 这样的索引方法来引用表单，在几乎所有情况下，是一个糟糕...

C#基础教程-c#实例教程，适合初学者

C#基础教程-c#实例教程，适合初学者。 第一章 C#语言基础 本章介绍C#语言的基础知识，希望具有C语言的读者能够基本掌握C#语言，并以此为基础，能够进一步学习用C#语言编写window应用程序和Web应用程序。...

前端面试锦集

前端面试锦集

php与javascript之间变量引用问题

php与javascript之间变量引用问题   JavaScript ==> PHP： 方法一: 先用PHP生成js代码，然后通过浏览器的自动刷新，将javascript变量传递到PHP脚本中。  注意：在实际应用中要防止用户在地址栏内更改传递的变量...

js通过input框输入属性和值，改变div的属性

js实现在input框里面输入属性和值，页面的 div的属性根据输入的属性和值进行变化。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"...

前端面试题

前端面试题汇总 ... 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? 21 ... 21 Quirks模式是什么？它和Standards模式有什么区别 21 div+css的布局较table布局有什么优点？...img的alt与title有何异同？...

外部js如何修改AngularJS 中input的数据

 我要实现一个自动写网页表单的功能，页面中AngularJS框架下有一个input，我怎么改变这个input的值？ ``` var appElement = document.querySelector('[ng-controller=viewCtrl]'); var $scope = angular....

HTML学习

HTML简介什么是 HTML？HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language...标记语言是一套标记标签 (markup tag) ...

前端之路：jq 实现input text值变化执行对应函数。

类似于，实现微博的‘还能输入xxx个字符’。 html代码 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type".../title&

java爬虫

爬虫的基本概念: ​ 什么是爬虫 ​ 爬虫的价值 ​ 爬虫的分类 ​ 通用的爬虫 ​ 垂直的爬虫 ​ 爬虫的基本原理 爬虫的三大模块: ​ 获取数据 ​ 解析数据 ​ 保存数据 案例一: 爬取起点中文网的小说案例 ...

iframe使用实例 获取iframe 里面的input 标签的值

使用iframe进行其他资源的引用： test.html &lt;html&gt; &lt;body&gt; &lt;title&gt;&lt;/title&gt; 基本的html文件 &lt;input type='text' value='testing'/&gt; &...

Bootstrap

终于下定决心来学习bootstrap了，2016-10-03。bootstrap安装 先看CDN：<!-- 放在head标签内 --> <!-- 新 Bootstrap 核心 CSS 文件 --> ...-- 可选的Bo

jQuery

目录 定义 引入jQuery ... jQuery是一套JavaScript的函数库，不是一种新的语言，也不能取代JS。它能帮助我们快速方便的使用JS。 引入jQuery 1.将jQuery库文件添加到项目的js目录中 2....

HTML标签常用标签

1、 注释标签  注释标签用于在源代码中插入注释。注释不会显示在浏览器中。 2、  声明标签 声明必须是 HTML 文档的第一行，位于 标签之前。 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用...包含所有

在HTML中引用JavaScript中的变量

和上次的代码几乎一样，但这次是引用已经写好的变量。主要功能和用法如下： document对象的getElementId方法得到HTML元素。 HTML元素的value属性可以用来设置变量的值。 02.html <!DOCTYPE html> &...

Javascript如何获取选中项的文本值TEXT不是VALUE

页面中用的DropDownList控件时,需要用javascript客户端脚本进行验证时,var ddl = document.getElementById("控件名");取得选中的列的文本值ddl.options[ddl.selectedIndex].innerText 取得选中值相对应的valueddl....

移动web开发笔记

移动web开发笔记移动web开发笔记

监听输入框值的即时变化onpropertychange、oninput兼容IE,Chrome,FF,Opera等

很多情况下我们都会即时监听输入框值的变化，以便作出即时动作去引导浏览者增强网站的用户体验感。比如即时显示输入框已经被输入的字节数，或者即时读取输入的值来进行搜索引导，也就是google的关联搜索效果等。只要...

oninput和onchange在input框里触发函数的问题

一天改两次bug，每次都有新感觉，今天的问题就是，在input框里实现模糊搜索。由于需求比较复杂，需要动态的做级联和模糊搜索，（本人使用的是vue框架），查阅了网上的资料，在vue中实现模糊搜所时，都是把过滤写在...

JavaScript基础入门

在工作中，时不时的要设计去与web端的网页去进行一些交互，要想软件的功能更加强大，包括QT,Android,IOS的开发，无一列外的都会涉及到与JS的交互，所以想着手学习JavaScript，以后遇到问题，会多一些解决的思路，...

input text控件的onkeydown、onKeyPress、onkeyup事件的区别

实际上他们的执行事件还是有区别的，经过了半天的各种尝试（这里实际上就是想做一个能将金钱数额利用js转换成为大写的功能），遇到的问题就是每次都是无法在第一次就获取input的value，一开始被迫使用了onblur和...

PHP+JavaScript+HTML变量之间赋值及传递

本文是最近做WAMP网站的学习知识，这做这个网站过程中需要通过新闻通告的超链接显示相应的具体内容，所以就涉及到一些相关变量赋值传递的内容，包括：HTML超链接传递值通过JavaScript显示、JavaScript变量转换成PHP...

相关热词 如何c#按钮透明 c#能跨平台吗 c#中遍历字典 c# 斜率 最小二乘法 c# mysql完整项目 c# grid 总行数 c# web浏览器插件 c# xml 生成xsd c# 操作sql视图 java调用c#接口