表单内同名元素的控制

2016-02-19 11:45 5 1 收藏

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的表单内同名元素的控制,过去的都会过去,迎接崭新的开始,释放更美好的自己。

【 tulaoshi.com - Web开发 】

代码如下:
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.length1) //超过一个 
            { 
        for (i=0;iaObj.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="" 
1input name="box" type="checkbox" id="box" value=""  onClick="javascript:setFlag(this);"/input name="txt" type="text" id="txt" /br 
2input name="box" type="checkbox" id="box" value=""  onClick="javascript:setFlag(this);" /input name="txt" type="text" id="txt" /br 
3input name="box" type="checkbox" id="box" value=""  onClick="javascript:setFlag(this);" /input name="txt" type="text" id="txt" / 
/form 
/body 
/html 

来源:https://www.tulaoshi.com/n/20160219/1598484.html

延伸阅读
标签: Web开发
HTML5 拥有若干涉及表单的元素和属性。 本章介绍以下新的表单元素: •datalist •keygen •output 浏览器支持 Input type IE Firefox Opera Chrome Safari datalistNoNo9.5NoNo keygenNoNo10.53.0No outputNoNo9.5NoNo datalist 元素 datalist 元素规定输入域的选项列表。 列表是通过 datalist 内的 op...
iPhone如何禁止应用程序(www.tulaoshi.com)内访问控制中心   进入iPhone6设置界面,点击【控制中心】进入,关闭【应用程序内访问】即可。(如下图)      iPhone6手势怎么设置   iPhone6手势怎么设置呢?iphone手机内置一个非常实用方便的手势辅助功能,使用该功能可以实现多种快捷操作方式,对于刚刚...
    表单外观的美化 很多时候,我们仅仅为了实现数据采集这个功能来使用表单,常看到的表单都是“千人一面”、毫无生气,本专题尝试着来改变这一现象,试图赋予表单一个丰富多彩的面貌。 表单的外观,也是最为直接的花样,可以通过改变它来实现特效,本文分两个出发点来讲述:CSS魔法和图像魔法。 1、CSS...
标签: PHP
如果一个表单中有多个同名复选框,在提交到php时却只有一个值,而并不像asp那样是一串用逗号分割的值。有一个很简单的方法来解决:将复选框的name后面加上[],例如:<input type=\"checkbox\" name=\"ccc\" value=\"1\" 改为:<input type=\"checkbox\" name=\"ccc[]\" ...
标签: Web开发
jquery 扩展函数: 代码如下: script type="text/javascript" (function($) { $.fn.disable = function() { /// summary /// 屏蔽所有元素 /// /summary /// returns type="jQuery" / return $(this).find("*").each(function() { $(this).attr("disabled", "disabled"); }); } $.fn.enable = function() { /// summary /// ...

经验教程

587

收藏

44
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部