<table border="0" cellpadding="4" align="center" cellspacing="1" class="table"> <tr><td colspan="4"><center><font size="+1">11111111</font></center></td><tr/> <tr> <td colspan="4"> <div id="reason"> <input type="checkbox" onclick="addReason(this, 1);" id="c1" class="tbbutton" style="width: 20px" /> <span id="s1">2222222;</span> <br /> <input type="checkbox" onclick="addReason(this, 2);" id="c2"class="tbbutton" style="width: 20px" /><span id="s2">33333333;</span> <br /> <input type="checkbox" onclick="addReason(this, 3);" id="c3" class="tbbutton" style="width: 20px" /> <span id="s3">与44444444444;</span> <br /> <input type="checkbox" onclick="addReason(this, 4);" id="c4" class="tbbutton" style="width: 20px" /> <span id="s4">5555555555555</span> <br /> <input type="checkbox" onclick="addReason(this, 5);" id="c5" class="tbbutton" style="width: 20px" /> <span id="s5">6666666666666;</span> <br /> <input type="checkbox" onclick="addReason(this, 6);" id="c6" class="tbbutton" style="width: 20px" /> <span id="s6">7777777777777;</span> <br /> <input type="checkbox" onclick="addReason(this, 7);" id="c7" class="tbbutton" style="width: 20px" /> <span id="s7">888888888888</span> <br /> <input type="checkbox" onclick="addReason(this, 8);" id="c8" class="tbbutton" style="width: 20px" /> <span id="s8">999999999999;</span> <br /> <input type="checkbox" onclick="addReason(this, 9);" id="c9" class="tbbutton" style="width: 20px" /> <span id="s9">00000000000000000</span> <br /> </div> </td> </tr> <tr class="tr"> <td nowrap class="tdright"> 备注: </td> <td class="td" colspan="3"> <textarea id="notstcComment" name="comment" cols="150" rows="6"></textarea> </td> </tr> <tr class="tr"> <td class="td" colspan="4" align="center" nowrap> <input type="button" class="tbbutton" id="notstcConfirmButton" onclick="setNoStc();" value=" 确 认 " /> <input type="button" class="tbbutton" id="cancelButton" onclick="WinClose();" value="关 闭" /> </td> </tr> <table> -------------------------------------------------- function addReason(box,index) { var comment = document.getElementById("notstcComment").value var val1 = document.getElementById("s"+index).innerText; //选中 if(box.checked){ document.getElementById("notstcComment").value=comment+val1+'\n'; }else{ document.getElementById("notstcComment").value = trim(comment.replace(val1,'')); //去空格且替换内容 } } 顺便介绍一款上网加速器利器,程序员必备!自己一直在用,有需要的朋友可以试试! http://honx.in/i/VIFTbc6vD2Sxigzt
相关推荐
复选框是Android UI设计中常用的一种控件,用户可以点击它来选择或取消选择某个选项。在XML布局文件中,我们通常使用`<CheckBox>`标签来创建复选框。例如: ```xml android:id="@+id/checkbox1" android:layout_...
在网页交互设计中,用户经常会遇到复选框(Checkbox)的选择情况,比如在表单填写、数据筛选等场景。在这些情况下,一个常见的需求是实现全选和取消全选的功能。标题提到的“jquery判断复选框是否被全部选中,达到...
当用户点击下拉按钮时,会展示一个包含复选框的列表,用户可以勾选他们感兴趣的选项,然后关闭列表,下拉框会显示所选项目的摘要信息。 2. **Asp.net中的控件选择** 在Asp.net中,我们可以使用自定义控件或者现有...
### 网页表单下拉列表框、单选框、复选框自动填写方法 #### 一、网页下拉列表的自动填写方法 在网页表单设计中,下拉列表是非常常见的一种交互形式,特别是在需要用户从多个选项中进行选择的情况下。例如,当用户...
1. **全选操作**:全选功能通常会关联一个主复选框,当用户勾选这个主复选框时,所有子复选框自动被选中。实现这一功能需要监听主复选框的改变事件,并在事件处理函数中遍历所有子复选框,将它们的状态设置为选中。 ...
### 网页表单自动填写技术详解:下拉列表框、单选框、复选框自动填写方法 #### 一、网页下拉列表的自动填写实现方法 在现代Web应用开发中,为了提高用户体验及简化操作流程,网页表单自动填写功能逐渐成为一种重要...
本文主要讲解了如何在木头浏览器中实现对网页下拉列表、单选框和复选框的自动填写。 首先,针对网页下拉列表的自动填写,有四种实现方法。第一种方法是通过设置`value`属性,例如,若要选择“河南省”,找到其对应...
在Word文档中,有时我们需要创建可以打勾的复选框,以便于用户勾选或取消勾选,例如在创建问卷、列表或者任务清单时。在Word2021版本中,这一功能可以通过“开发工具”选项卡中的“控件”功能实现。下面详细介绍一下...
7. 当主复选框未被选中时,将子复选框的`checked`属性设为空(`null`),表示取消选中状态。 这个实现思路简单且高效,可以应用于各种需要全选/全不选功能的网页项目中。需要注意的是,这种方法仅适用于单个复选框...
例如,可以使用一个复选框来选中或取消选中所有其他复选框,或者限制用户只能选择一组中的若干个选项。 8. **无障碍性**:在设计复选控件时,要考虑到无障碍性需求,确保使用屏幕阅读器或其他辅助技术的用户也能...
2. **复选框功能**:在ListCtrl中添加复选框,允许用户通过勾选或取消勾选来选择一项或多项数据。这通常涉及到处理控件的画布绘制、状态管理(如选择项的跟踪)以及事件响应(如点击事件)。 3. **编程实现**:在...
全选复选框是一种常见的Web交互元素,允许用户通过单次点击来选择或取消选择一组相关的选项。文章首先通过HTML展示了复选框的基本结构,然后通过JavaScript代码演示了全选复选框的实现逻辑,包括如何在单击全选框时...
设计师可以设置复选框在被点击时,自动切换其选中状态,从选中变为未选中,或者反之。这样的交互使得用户在使用界面时,能够直观地看到自己当前的选择状态,并且可以轻易地做出更改。 总结来说,复选框是Axure中一...
首先,复选框在用户界面设计中扮演着重要的角色,它允许用户通过勾选或取消勾选来选择一个或多个选项。这种交互方式在设置配置、填写表单、选择功能等场景中非常常见。在"复选框的基本程序"这个项目中,开发者可能是...
可以监听`checkbox`事件,并在事件处理函数中取消其他已选中的复选框: ```javascript table.on('checkbox(test)', function(obj){ // obj.data 是当前行数据 // obj.checked 是当前是否选中状态 // obj.type 是...
3. **多选逻辑**:当用户按下Shift键并点击一个复选框时,我们需要找到上一次被选中的复选框,并在它们之间进行多选操作。这可以通过维护一个变量来存储上一次选中的复选框ID,然后在当前点击的复选框与上一次选中的...
接着,可以使用`.click()`或`.on('change')`监听用户的交互,当用户勾选或取消复选框时,触发相应的处理函数。在这个处理函数中,我们可以获取复选框的状态(`$(this).is(':checked')`),并根据状态决定是否将其值...
4. **步骤四**:点击“设计模式”按钮退出编辑模式,之后即可通过点击复选框来打勾或取消。 以上总结了在Word和Excel中实现方框中打对勾的多种方法,每种方法都有其适用场景和特点。用户可以根据实际需求和个人喜好...
本教程主要讲解了四种常见网页元素的自动填写方法:下拉列表、单选框、复选框以及文本输入框和多行文本输入框。 一、下拉列表的自动填写 下拉列表的自动填写通常需要分析网页源代码,通过四种方法实现: 1. **通过...
将光标放置在问题的答题区域,然后在菜单栏中点击“插入”>“复选框型窗体域”。这样,你就为用户提供了一个可以勾选的复选框,他们可以用来表示同意或不同意。 3. **检查窗体**: 插入窗体后,为了确认其效果,你...