`

根据radio值动态显示file

    博客分类:
  • web
阅读更多

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
function howmany(){
var fm;
fm=document.form1;
 for(i = 0; i < fm.rd.length; i++){
  if(fm.rd[i].checked==true){
   for(j=0; j<=i;j++){
    document.all.newanew.insertAdjacentHTML("AfterBegin","<input type='file' name='myfile"+i+"'> <br>");
   }
  }
  fm.rd[i].disabled=true;
 }
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
    <input type="radio" name="rd" value="1" onClick="howmany()" >
    1
    <input type="radio" name="rd" value="2" onClick="howmany()" >
    2
    <input type="radio" name="rd" value="3" onClick="howmany()" >
    3
    <input type="radio" name="rd" value="4" onClick="howmany()" >
    4
<p id="newanew">&nbsp;</p> 
</form></body>
</html>

分享到:
评论

相关推荐

    Struts2的s:radio标签使用及用jquery添加change事件

    上述代码通过监听具有filetype类的所有元素的change事件,从而捕获单选按钮的选中状态变化,并根据选中的值弹出提示信息。 通过这些方法,我们就可以在使用Struts2的s:radio标签时,有效地为单选按钮组添加change...

    ajax实现下拉列表改变时动态创建单选按钮

    本文将深入探讨如何使用Ajax实现下拉列表(Select)改变时动态创建单选按钮(Radio Button)组,同时也会涉及列表框、分组以及动态创建等关键知识点。 首先,我们需要理解Ajax的基本原理。Ajax允许我们在不刷新整个...

    struts 2.0系列2常用的Struts 2.0的标签(Tag)介绍

    以下是一个简单的例子,展示如何根据请求参数"name"的值显示不同的消息: ```jsp ("name") + '\'' %&gt;" /&gt; &lt;s:if test="#name == 'Max'"&gt;Max's file here &lt;s:elseif test="#name == 'Scott'"&gt;Scott's file here ...

    struts2标签库

    3. `&lt;s:actionerror/&gt;`:如果Action中的全局错误有值,则显示这些错误信息。 4. `&lt;s:actionmessage/&gt;`:如果Action中的全局消息有值,则显示这些消息。 5. `&lt;s:append&gt;&lt;/s:append&gt;`:向列表中添加一个值,等同于Java...

    struts2标签大全详解

    3. `&lt;s:debug&gt;`:显示应用程序的调试信息,包括值栈、请求参数等。 4. `&lt;s:div&gt;`:创建一个类似HTML的`&lt;div&gt;`标签,用于布局。 5. `&lt;s:doubleselect&gt;`:创建双列选择框,允许用户从两个列表中选择值。 E部分: 1. `...

    jQuery知识点总结

    - **表单选择器**:`:button`, `:text`, `:radio`, `:checkbox`, `:file`等,用于选取特定类型的表单元素。 #### 2. 筛选函数 - `children([selector])`: 获取子元素中满足条件的元素。 - `parent([selector])`: ...

    Struts2标签应用.

    3. `&lt;s:property&gt;`:显示或设置值栈中的属性值。 4. `&lt;s:push&gt;`:将值推入值栈,使得`&lt;s:property&gt;`能访问到该值。 R部分: 1. `&lt;s:radio&gt;`:创建单选按钮,可以绑定数据到Action的属性。 2. `&lt;s:reset&gt;`:创建重置...

    Struts2全部标签使用说明

    - `&lt;s:property/&gt;` 获取Action或值栈中的属性值,常用于显示数据。 - `&lt;s:push&gt;` 将值推入栈中,使得`&lt;s:property&gt;`可以访问这些值。 R. `&lt;s:radio&gt;`, `&lt;s:reset&gt;`, `&lt;s:select&gt;`, `&lt;s:set&gt;`: - `&lt;s:radio&gt;` 创建...

    struts2标签解释

    `&lt;s:actionerror&gt;`:显示Action级错误信息,如果Action的errors集合中有值,它将显示出来。 D. `&lt;s:actionmessage&gt;`:展示Action级别的消息,当Action执行后有消息返回时,这个标签会显示它们。 E. `&lt;s:append&gt;`...

    struts2_标签使用方法.doc

    - `&lt;s:property/&gt;`:根据'value'属性显示值,可以从值栈中获取数据。 - `&lt;s:push&gt;`:将值压入栈,使得后续的`s:property`标签可以访问该值。 Q. `&lt;s:radio&gt;`: - 创建单选按钮,用户只能选择其中一个。 R. `...

    Struts2标签库详解[1].doc

    6. `&lt;s:autocompleter&gt;`:提供自动完成功能,常用于输入框,根据用户输入的内容动态提供匹配项。 7. `&lt;s:bean&gt;`:类似于Struts1.x中的JavaBean标签,用于处理JavaBean对象。 8. `&lt;s:checkbox&gt;`:创建复选框,允许...

    解决layui中onchange失效以及form动态渲染失效的问题

    通过调用`form.render('select')`,layui会检测并更新指定类型的表单元素(这里是'select'),确保动态添加的内容能够正确显示和交互。 总结来说,当在layui项目中遇到`onchange`事件失效或form动态渲染失效的问题...

    advanced web server -Rompager

    动态值是指根据后台数据实时变化的文本内容。通常通过特定标签或属性绑定后端变量实现。 #### 4.7 HTML `&lt;input&gt;` 元素 - **文本输入框 `&lt;input type="text"&gt;`**:用于收集用户输入的文本信息。 - **密码输入框 `...

    js清空表单数据的两种方式(遍历+reset)

    - **浏览器兼容性:**在Internet Explorer、Opera、Safari、Chrome等浏览器中,清空文件输入类型(file)的值可能需要特殊处理,因为简单的赋空字符串值可能不会影响元素的显示和内部状态。在较新版本的Firefox中,...

    struts2标签详细讲解

    1. `&lt;s:actionerror&gt;`:显示Action级别的错误信息,当Action的errors集合有值时,会显示这些错误信息。 2. `&lt;s:actionmessage&gt;`:显示Action级别的消息,如果有message,这些消息会被显示出来。 C. 输入控件: 1. `...

    Struts2标签详解及具体实例解析

    3. `&lt;s:property/&gt;` - 输出"value"属性的值,可用于显示模型对象的属性。 4. `&lt;s:push value=""&gt;&lt;/s:push&gt;` - 将值推入栈中,以便于`&lt;s:property&gt;`标签访问。 R部分: 1. `&lt;s:radio list=""&gt;&lt;/s:radio&gt;` - 单选按钮...

    struts2常用标签

    Struts2是一个强大的MVC框架,它提供了丰富的标签库,使得开发者可以更加便捷地构建动态网页。以下是对Struts2中一些常用标签的详细说明: 1. `&lt;s:a&gt;`:这是一个超链接标签,用于创建HTML的`&lt;a&gt;`标签。通过指定`...

    表单的基本使用1

    - **单选按钮**(Radio buttons):`&lt;input type="radio"&gt;`,如`&lt;input type="radio" name="sex" value="男"/&gt;`,用户只能选择其中一个选项。通过`name`属性定义同一组的单选按钮,`value`定义其值。 - **复选框**...

    表单的处理和文件上传

    - `method`属性定义数据发送到服务器的方式,通常为`GET`(URL中显示数据)或`POST`(隐藏数据)。 - `id`和`name`属性为表单提供唯一的标识符和名称,用于JavaScript或CSS选择器,以及PHP脚本中获取表单数据。 ...

Global site tag (gtag.js) - Google Analytics