表单内同名元素的控制

代码如下:

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>同名元素的控制</title> 
<script language="javascript"> 
    function setFlag(aObj) 
        { 
            if (!aObj) 
                return false; 
            if(aObj.form.box.length>1) //超过一个 
            { 
        for (i=0;i<aObj.form.box.length;i++) 
            if (aObj.form.box[i]==aObj)             
                if (aObj.form.box[i].checked) 
                    aObj.form.txt[i].value="ok"; 
                else 
                    aObj.form.txt[i].value=""; 
                    } 
                    else 
                    { 
                    aObj.form.txt.value="oks"//如果只有一行(无重名) 
        } 
        } 
</script> 
</head>

<body> 
<form name="form1" method="post" action=""> 
1<input name="box" type="checkbox" id="box" value=""  onClick="javascript:setFlag(this);"/><input name="txt" type="text" id="txt" /><br> 
2<input name="box" type="checkbox" id="box" value=""  onClick="javascript:setFlag(this);" /><input name="txt" type="text" id="txt" /><br> 
3<input name="box" type="checkbox" id="box" value=""  onClick="javascript:setFlag(this);" /><input name="txt" type="text" id="txt" /> 
</form> 
</body> 
</html>

赞 (0)

相关推荐

  • 表单内同名元素的控制

    复制代码 代码如下: <html>  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  <title>同名元素的控制</title>  <script language="javascript">      function setFlag(aObj)          

  • JavaScript获取表单内所有元素值的方法

    本文实例讲述了JavaScript获取表单内所有元素值的方法.分享给大家供大家参考.具体如下: 下面的JS代码可以遍历指定表单中的所有元素,并输出元素的值 <!DOCTYPE html> <html> <body> <form id="frm1" action="form_action.aspx"> First name: <input type="text" name="fname

  • jQuery动态添加及删除表单上传元素的方法(附demo源码下载)

    jQuery动态添加及删除表单上传元素的方法(附demo源码下载)

    本文实例讲述了jQuery动态添加及删除表单上传元素的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 点击此处查看在线演示效果. 具体代码如下: <html> <head> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(d

  • jquery 表单下所有元素的隐藏

    对于如下表单form1: 复制代码 代码如下: <form id="form1"> <input type="text" name="text1"> <input type="button" id="butt_test" value="tt"> </form> 只需要运用以下代码即可实现对表单form1下所有元素的隐藏 复制代码 代码如下:

  • js 使FORM表单的所有元素不可编辑的示例代码

    复制代码 代码如下: //使页面不可编辑 function disableOcx() { var form = document.forms[0]; for ( var i = 0; i < form.length; i++) { var element = form.elements[i]; //部分元素可以编号 element.name 是元素自定义 name if (element.name != "auditEntity.auditContent" &&

  • jquery序列化表单去除指定元素示例代码

    复制代码 代码如下: <html> <head> </head> <body> <form name="form1"> <input type="hidden" name="page1" class="flau_u_ro" value="1"></input> <input type="hidden"

  • js下在password表单内显示提示信息的解决办法

    经典有人要这个代码,考虑到password中输入的内容会显示为*号,所以要想办法解决*的问题.当初想用setAttribute动态修改type属性达到效果,再ff下测试成功,但没想到setAttribute对type属性的修改在ie中无效.最终采用背景图片的方式解决了这个.即为password设定一个背景图片,图片文字为提示信息 如:<img src="http://files.jb51.net/upload/20070819124037566.gif" />, 当鼠标放上

  • 第四章之BootStrap表单与图片

    Bootstrap,来自 Twitter,是目前最受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷. 学习要点: 1.表单 2.图片 本节课我们主要学习一下 Bootstrap 表单和图片功能,通过内置的 CSS 定义,显示各种丰富的效果. 一．表单 Bootstrap 提供了一些丰富的表单样式供开发者使用. 1.基本格式 //实现基本的表单样式 <form> <div class="form-gr

  • JavaScript实现表单元素的操作

    JavaScript实现表单元素的操作

    一.forms[]; Form 表单对象 document.forms[] 是一个数组,包含了文档中所有的表单(<form>).要引用单个表单,可以用 document.forms[x],但是一般来说,人们都会这样做:在<form>标记中加上“name="..."”属性,那么直接用 “document.<表单名>”就可以引用了. 1.属性 name 返回表单的名称,也就是<form name="...">属性. act

  • 如何使用Bootstrap创建表单

    如何使用Bootstrap创建表单

    Bootstrap 表单 在本章中,我们将学习如何使用 Bootstrap 创建表单.Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单. 垂直或基本表单 基本的表单结构是 Bootstrap 自带的,个别的表单控件自动接收一些全局样式.下面列出了创建基本表单的步骤: - 向父 <form> 元素添加 role="form". - 把标签和控件放在一个带有 class .form-group 的 中.这是获取最佳间距所必需的. - 向所有的

随机推荐