checkbox点击选中,再点击取消,并显示在文本框中


 function checkItem(e,itemId) {
var item = document.getElementById(itemId);
var $items = $(item);
if (e.checked) {
var checkval = $items.val();
var str = $("#txtFilePath").val() + checkval;
$("#txtFilePath").val(str);
}
else {
var a = "";
$(‘input[type="checkbox"]:checked‘).each(
function () {
a = a + $(this).val();
}
);
$("#txtFilePath").val(a);
}
}

页面:


      内容文件地址: <input id="CheckboxHTML" type="checkbox" name="checkbox" value="HTML" onclick="checkItem(this, ‘CheckboxHTML‘)" />HTML <input id="CheckboxText" type="checkbox" value="Text" onclick="    checkItem(this, ‘CheckboxText‘)" /> Text
<textarea id="txtFilePath" style="width:321px; height:120px;"></textarea>

checkbox点击选中,再点击取消,并显示在文本框中

时间: 2024-10-12 23:19:14

checkbox点击选中,再点击取消,并显示在文本框中的相关文章

javascript 获取光标所选中的内容并插入到另一个文本框中(兼容ie和ff)

项目中正好用到 做下笔记方便以后查找 ie获取光标的位置使用document.selection.createRange() 火狐下使用document.getElementById(id).selectionStart 和 document.getElementById(id).selectionEnd 假设我们要获得id为txt的Textarea元素里面光标所选择的内容 首先创建一个获得光标所选内容的函数(参数:火狐下需要Dom元素 select_field=document.getElem

多选下拉.并且把选中的值.显示在文本框中.

1.效果 2.引用的对应的js. <script src="~/Scripts/js/formSelects-v4.min.js"></script> 3.HTML部分 <div class="layui-input-block xc-icon">     <select name="sheng" id="idUserHao_Province" xm-select="user

jquery选中checkbox多选项并添加到文本框中

<script> function check(){ var dd = ""; if($("input[type='checkbox'][name='mokedoc']:checked").attr("checked")){//选中了 $('input:checkbox[name="mokedoc"]:checked').each(function() { alert($(this).val()); dd += $

点击鼠标清除文本框中的内容

点击鼠标清除文本框中的内容:一般内容型的网站都有搜索功能,在默认状态下搜索框中都有默认的提示文本,例如“请输入要搜索的关键词”,但当搜索框获得焦点的时候,默认的提示文本内容会被清空,下面就简单介绍以下如何实现此功能,代码实例如下: <!<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="

jquery实现&lt;body&gt;中点击按钮后,在&lt;tbody&gt;中显示一连串文本框

HTML中的代码如下: 1 <div style="background:#fff;border-style:solid; border-width:1px 1px 0 1px;border-color:#B8D0D6;"> 2 <div > 3 <div style="margin:-6px 0 0 0"> 4 <button class="button gray" type="button&

点击选中添加背景,取消切换背景

<style type="text/css">.box { width:100px; height:50px; }.red-bg{ background:red; } .green-bg{ background:green; } </style></head> <body> <div class="box red-bg"> <input type="checkbox" />

鼠标点击单元格显示在相应文本框中的方法(单元格事件)

1 //点击单元格显示此行相应内容 2 private void dataGridView1_CellContentClick(object sender, DataGridViewCellEventArgs e) 3 { 4 // 找到鼠标点击的行 5 int index = e.RowIndex; 6 DataGridViewRow currenRow = this.dataGridView1.Rows[index]; 7 //找到每一个单元格的值 8 this.textBox2.Text=

WPF TextBox 获得焦点后,文本框中的文字全选中

textbox.GotFocus 事件处理 Textbox.SelectAll() 是不行的, 这样处理会发生的情况是: 1) textbox1 当前没有焦点, 内容为 someText. 2) 鼠标点击 textbox1, 若单击点位于 someText 之内, 则 someText 被瞬间全选后所有的选择都被取消, 若单击点位于 someText 之外, 则不会发生任何事情, 没有任何选中的内容. 如下是解决办法 public partial class MainWindow : Windo

点击文本框弹出可供选择的checkbox复选框代码实例

点击文本框弹出可供选择的checkbox复选框代码实例:本章节分享一段代码实例,它能够点击文本框的时候,能够弹出下拉的checkbox复选框,选中复选框就能够将值写入文本框中,可能在实际应用中的效果没有这么直白简单,不过可以作为一个例子演示,以便于学习者理解和扩展.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author&qu