`
tanglong8848
  • 浏览: 71190 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

多选复选框 传值到文本框

 
阅读更多

<input type="checkbox" name="arrsubid[]" onClick="add_words(this);" value="1" />1
<input type="checkbox" name="arrsubid[]" onClick="add_words(this);" value="2"/>2
<input type="checkbox" name="arrsubid[]" onClick="add_words(this);" value="3"/>3
<input type="checkbox" name="arrsubid[]" onClick="add_words(this);" value="4"/>4
<input type="checkbox" name="arrsubid[]" onClick="add_words(this);" value="5"/>5
<input type="text" name="images_tag" id="images_tag" class="inputBg" size="15" />

<script>
function add_words(obj){
if(obj.checked==true){
var textbox=obj.value;
document.getElementById('images_tag').value=document.getElementById('images_tag').value+textbox;
}else{
document.getElementById('images_tag').value=document.getElementById('images_tag').value.replace(obj.value,'');
}

}
</script>

分享到:
评论

相关推荐

    jquery复选框多选赋值给文本框的方法

    本文将详细讲解如何使用jQuery实现复选框多选后将选中的值赋给文本框的功能,这对于数据收集和用户输入的场景非常实用。 首先,我们需要创建HTML结构。这里有一个表格,包含一个文本框和多个复选框。每个复选框都有...

    js 实现 复选框和文本框的联动效果

    js 实现 复选框和文本框的联动效果! 值得下载看看!资源免费,大家分享!!

    Java图形界面程序单选按钮、复选框、文本框、标签程序设计举例.pdf

    ### Java图形界面程序单选按钮、复选框、文本框、标签程序设计知识点解析 #### 一、实验目的概述 本实验旨在使学习者能够熟练掌握Java中的图形用户界面(GUI)组件,包括单选按钮、复选框、文本框和标签等基本元素...

    js 实现选一个复选框 可以实现其他很多复选框同时选中

    ### JavaScript与jQuery实现单个复选框控制多个复选框及文本框显示隐藏功能 在本文中,我们将探讨如何利用JavaScript(简称JS)和jQuery框架来实现一个实用的功能:通过选择一个主复选框来控制其他多个复选框的状态...

    Jquery多选文本框

    当我们需要在网页上实现一个可多选的文本框时,jQuery提供了丰富的功能和插件来帮助我们完成这一需求。本文将深入探讨如何使用jQuery创建和管理多选文本框,以及相关的知识点。 首先,让我们明确什么是多选文本框。...

    如何在WORD复选框中打勾

    在Microsoft Word中添加复选框并打勾是一个非常实用的功能,尤其对于制作列表、问卷调查或合同文档等。下面将详细介绍两种方法来实现这一操作。 ### 方法一:使用“带圈字符” 1. **打开Word文档**:首先,确保你...

    java Swing带复选框的树

    在描述中提到的“java Swing带复选框的树”,即在JTree的基础上增加了复选框功能,允许用户对树结构中的节点进行多选操作,这样的设计常见于文件管理器或配置设置界面。 复选框树的实现主要涉及到以下几个关键知识...

    文本框 单选框 复选框 下拉框

    在IT界,尤其是在网页设计和开发领域,"文本框、单选框、复选框和下拉框"是构建用户界面(UI)时不可或缺的基本元素。这些组件是用户与应用程序或网站交互的主要方式,用于输入数据、做出选择或执行特定操作。让我们...

    利用JAVA实现复选框捕捉器

    在这个小型实验程序中,我们聚焦于"复选框捕捉器"的实现,它能够捕获用户在复选框中的选择,并将这些信息实时地显示在文本框中,同时还可以将选定的内容保存到指定的文件中。如果目标文件不存在,程序会自动创建新...

    自定义复选框 RP文件

    自定义复选下拉框-文本框同步显示--自动显示文字.rp RP文件实现自动义复选框

    下拉多选框,下拉多选框,input下拉弹出复选框多选

    下拉多选框,下拉多选框,input下拉弹出复选框多选,多选下拉框

    让WYMeditor编辑器支持插入文本框,复选框等

    这篇博客文章探讨的主题是如何让WYMeditor支持插入文本框、复选框等表单元素,这对于需要在编辑器中创建交互式内容的用户来说非常实用。 WYMeditor的设计理念是鼓励用户遵循Web标准,生成结构化的XHTML代码。默认...

    java通过复选框控件数组实现添加多个复选框控件示例分享

    最后,将包含复选框的面板添加到主窗口的中央,通常使用`contentPane.add(panel, BorderLayout.CENTER);`完成。 下面是一个简化的代码示例,展示了上述过程: ```java import javax.swing.*; public class ...

    自做多选下拉框和可联想文本框

    本话题主要涉及“自做多选下拉框”和“可联想文本框”,这两种组件在网页或应用程序中都有着广泛的应用。下面将详细讲解这两个控件的设计原理、实现方式以及ComponentOne组件库的作用。 首先,我们来探讨“自做多选...

    JS实现点击复选框将按钮或文本框变为灰色不可用的方法

    在实际应用中,这种逻辑可以扩展到更复杂的场景,例如多个复选框对应多个按钮,或者禁用其他类型的表单元素,如文本框。理解并掌握这种动态控制表单元素可操作性的技巧对于JavaScript开发者来说是非常重要的。

    带复选框的combox控件

    "带复选框的ComboBox控件"是一种常见的UI元素,它结合了ComboBox(组合框)和CheckBox(复选框)的功能,为用户提供了一种多选交互方式。这种控件允许用户在下拉列表中选择一个或多个选项,而不仅仅是单选。 ...

    复选框的使用

    复选框(Checkbox)是这类界面中的常见元素,用于用户进行多选操作。本文将深入探讨在MFC(Microsoft Foundation Classes)框架下如何实现复选框的使用,以及如何处理用户选择并展示结果。 MFC是微软提供的C++类库...

    js点击文本框弹出可选择的checkbox复选框

    本文分享一段代码实例,它能够点击文本框的时候,能够弹出下拉的checkbox复选框,选中复选框就能够将值写入文本框中,可能在实际应用中的效果没有这么直白简单,不过可以作为一个例子演示,以便于学习者理解和扩展。...

    表单复选框向PHP传输数据的代码

    之后,通过遍历复选框的值 `$ch`,我们可以访问到每个被选中的复选框所对应的文本框的值。 #### 五、总结 本文档详细介绍了如何使用HTML中的复选框来收集用户数据,并通过PHP脚本处理这些数据。通过上述步骤,...

Global site tag (gtag.js) - Google Analytics