`
txf2004
  • 浏览: 7064691 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

复选框问题,将选定的值在textarea显示

阅读更多
<iframe name="google_ads_frame" marginwidth="0" marginheight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-4490194096475053&amp;dt=1228587096578&amp;lmt=1228528459&amp;prev_slotnames=1891601125&amp;output=html&amp;slotname=3685991503&amp;correlator=1228587096546&amp;url=http%3A%2F%2Fwww.corange.cn%2Farchives%2F2008%2F10%2F1833.html&amp;ea=0&amp;ref=http%3A%2F%2Fwww.corange.cn%2Fhtml%2Fcorange__97.html&amp;frm=0&amp;ga_vid=159599915.1228587097&amp;ga_sid=1228587097&amp;ga_hid=647466454&amp;flash=9.0.124.0&amp;u_h=768&amp;u_w=1024&amp;u_ah=738&amp;u_aw=1024&amp;u_cd=32&amp;u_tz=480&amp;u_java=true&amp;dtd=15" frameborder="0" width="300" scrolling="no" height="250" allowtransparency></iframe>
复选框问题.
http://www.corange.cn//uploadfiles/5910a31cd99b7c8c86d6b603_11073.jpg

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<script language="javascript">
function showUser(UserName, UserTrueName)
{
cbx = this.document.getElementById(UserName);

UserName+=",";
UserTrueName+=",";

if (cbx.checked == true) {
document.form1.UserName.value+=UserName;
document.form1.UserTrueName.value+=UserTrueName;
}else{
var UN;
var UTN;
UN=document.form1.UserName.value;
UTN=document.form1.UserTrueName.value;
document.form1.UserName.value=UN.replace(UserName,"");
document.form1.UserTrueName.value=UTN.replace(UserTrueName,"");
}
}
</script>
</head>
<body topmargin="0" leftmargin="0">
<table border="1" width="340" cellspacing="0" cellpadding="0" bordercolor="#E9E8E3" bordercolordark="#FFFFFF" bgcolor="#F7F9F9">
<form id="form1" name="form1" method="post" action="">

<tr bgcolor="#F5FFE7">
<td>
<input name="nanhu" type="checkbox" id="nanhu" value="checkbox" onclick=showUser("nanhu","王建斌") />王建斌
</td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td><input name="admin" type="checkbox" id="admin" value="checkbox" onclick=showUser("admin","管理员") />
管理员</td>
<td> </td>
</tr>
<tr bgcolor="#F5FFE7">
<td><input name="soufox" type="checkbox" id="soufox" value="checkbox" onclick=showUser("soufox","望见宾") />
望见宾</td>
<td> </td>
</tr>
<tr bgcolor="#F5FFE7">
<td><input name="comasp" type="checkbox" id="comasp" value="checkbox" onclick=showUser("comasp","comasp") />
comasp</td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td><input name="lishan" type="checkbox" id="lishan" value="checkbox" onclick=showUser("lishan","李三") />
李三</td>
<td> </td>
</tr>
<tr>
<td align="center">
<textarea name="UserTrueName" id="UserTrueName" readonly rows="2" cols="30"></textarea>
</td>
<td align="center">
<textarea name="UserName" id="UserName" readonly rows="2" cols="30"></textarea>
</td>
</tr></form>
</table>

</BODY>
</HTML>

分享到:
评论

相关推荐

    jquery实现的可复选表单并且将其添加到input表单中的效果源码.zip

    这段代码会在用户改变复选框状态时,收集所有选中的复选框值,并将它们合并成一个字符串,然后更新到多行输入框`&lt;input type="text"&gt;`的值。 `使用须知.txt`文件可能会包含项目的使用指南,比如如何在自己的网页中...

    Vue表单输入绑定的示例代码

    这样,`checkedNames` 数组将包含所有选中的复选框对应的值。 对于单选按钮,`v-model` 用来选定一个值: ```html &lt;label for="one"&gt;One ... &lt;span&gt;Picked: {{ picked }} ``` 当选中的单选按钮改变时,`picked` ...

    jquery操作表单案例

    本文将深入探讨“jquery操作表单案例”中的关键知识点,包括输入元素(input)、文本区域(textarea)、单选按钮(radio)、复选框(checkbox)以及选择列表(select)的操作,特别是如何根据选择列表的文本值(text)来选定选项...

    前端与移动开发之表单

    ②name是表单元素名字 要求单选框和复选框都要有相同的name值 value值则不同 ③name和value是每个表单元素都有的属性值 主要给后台人员使用 ④name属性可以自定义名字 value一般设置为空(有实际意义的...

    《程序天下:JavaScript实例自学手册》光盘源码

    10.7 单击任意单元格都能自动选中复选框 10.8 调用复选框后面的文字 10.9 两个checkbox互斥问题 10.10 使用checkbox控制文本框 10.11 选中表格行前的复选框则行变色 10.12 用JavaScript生成面包屑导航 10.13 复选框...

    程序天下:JavaScript实例自学手册

    10.7 单击任意单元格都能自动选中复选框 10.8 调用复选框后面的文字 10.9 两个checkbox互斥问题 10.10 使用checkbox控制文本框 10.11 选中表格行前的复选框则行变色 10.12 用JavaScript生成面包屑导航 10.13 复选框...

    JQuery操作textarea,input,select,checkbox方法

    本文将介绍如何使用JQuery来操作Web页面中的几种常见表单元素:textarea(文本域)、input(输入框)、select(下拉选择框)和checkbox(复选框)。 ### 1. 操作textarea textarea是一个多行文本输入控件,用户可以...

    Struts标签

    `s:checkboxlist`标签用于渲染一组复选框,通常与Action类中的List属性对应。例如,你可以有一个包含选项的List,每个选项对应一个复选框。这样,当用户在表单中进行选择后,提交时可以获取到选定的值列表。标签的...

    2021-2022计算机二级等级考试试题及答案No.16412.docx

    - 框架本身不包含Caption属性,但可以包含其他控件如复选框或单选钮。 ### 7. 任务栏与应用程序图标 - 并非所有处于运行状态的应用程序都会在任务栏上显示图标。 - 例如最小化到后台的应用程序可能不会在任务栏上...

    对口升学HTML练习——表单和框架.pdf

    3. `&lt;INPUT type="checkbox"&gt;`:创建复选框,用户可以多选。 4. `&lt;SELECT&gt;`中的`&lt;OPTGROUP&gt;`标签:用于将相关选项分组,`label`属性定义了组的标题。 5. `&lt;TEXTAREA&gt;`标签:创建多行文本输入框,`name`属性标识...

    2021-2022计算机二级等级考试试题及答案No.9633.docx

    根据给定文件的信息,我们可以总结出以下几个重要的知识点: ### 存储过程与存储函数的区别 在数据库编程中,存储过程和存储...- 复选框、切换按钮和选项按钮经常作为单独的控件来显示表或查询中**布尔型数据**的值。

    Django框架获取form表单数据方式总结

    复选框的值只有在被选中时才会发送到服务器。未选中时,使用`get()`方法会返回None。若要获取所有选中项,应使用`getlist()`: ```python is_tuanyuan = request.POST.getlist('is_tuanyuan') ``` 4. **单选...

    2021-2022计算机二级等级考试试题及答案No.2936.docx

    4. 单选按钮和复选框的Value属性:在编程中,这两个控件的Value属性用于设定它们的状态,通常只能取True或False,分别代表选中和未选中。 5. 访问控制修饰符:在面向对象编程中,public、private、protected和...

    2021-2022计算机二级等级考试试题及答案No.15767.docx

    15. 复选框控件的value属性可以是True或False,表示选中或未选中,也可以是整数值1或0,代表相同的逻辑状态。 16. RGB函数中,红色、绿色、蓝色的成分使用0到255之间的整数,设置滚动条的Max和Min属性可以确保输入...

    2021-2022计算机二级等级考试试题及答案No.10196.docx

    19. 表单运行中,如果复选框不可用,其Value属性值可能是2或NULL,表示未选中状态。 20. 同上,SQL查找教师表中所有男教师的正确语句是`SELECT * FROM 教师表 WHERE (性别 = "男")`。 21. 要按行输入输出文件的...

    VUE v-model表单数据双向绑定完整示例

    - 在处理复选框时,可以通过数组来收集所有选中项的值。 - 动态生成的选项列表时,使用v-for指令结合v-bind指令可以灵活地绑定数据。 - Vue实例的data选项中定义的数据变量将会与视图层进行绑定,任何对数据的修改...

    2021-2022计算机二级等级考试试题及答案No.12405.docx

    9. 复选框控件的`value`属性在选中时,其值可以是`1`,表示选中状态。 10. 存储程序中配置信息常使用`Properties`类,它可以方便地处理键值对。 11. 中国互联网络信息中心的英文缩写是CNNIC。 12. 循环语句如`for...

    django表单中的按钮获取数据的实例分析

    在Django框架中,表单是处理用户输入数据的核心组件,它们通过HTML元素如文本框、密码输入框、单选按钮、复选框、下拉框等收集用户数据。当用户提交表单时,这些数据通常通过HTTP的POST方法发送到服务器。下面将详细...

    Vue.js 中的 v-model 指令及绑定表单元素的方法

    - 对于复选框,`v-model` 绑定的是一个数组,表示选中的值集合: ```html 文学"&gt; 文学 &lt;!-- 更多选项... --&gt; 选择了:{{checked}} ``` 用户勾选的复选框的 `value` 会被添加或移除到 `checked` 数组中。...

    javascript

    单选按钮`Radio`和复选框`Checkbox`允许用户进行单选或多选。文本区域`Textarea`则提供了多行文本输入的功能。文件上传对象`File`允许用户选择本地文件,并通过`files`属性获取选定的文件信息。 在实际应用中,掌握...

Global site tag (gtag.js) - Google Analytics