checkbox点击事件，追加到后面

最新推荐文章于 2022-11-29 00:27:02 发布
最新推荐文章于 2022-11-29 00:27:02 发布
阅读量839 收藏 1
点赞数
文章标签： checkbox点击事件 追加
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mahe9347/article/details/41014879
版权
<html>
<title>checkbox</title>
<head>
<script  language="javascript">
/**
* 给隐藏域的name赋值,便于name组装成一个数组
* @checkIndex 选择的checkBox对象所在的索引下标
* @dataValue 需要对目录对象赋值的值
*/
function datanameEnable(checkObj) {
var checkObjList = document.getElementsByName("check");
var targetObj = document.getElementById("targetObj");
if(checkObj.checked){

targetObj.value +=checkObj.value+",";
}
if(!checkObj.checked){
targetObj.value="";
for(var i=0;i<checkObjList.length;i++){
if(checkObjList[i].checked){
targetObj.value+=checkObjList[i].value+",";
}
}
}
}

</script>
</head>
<body>
<input type="checkBox" name="check" value="check1" οnclick="javascript:datanameEnable(this);">记录1<br>
<input type="checkBox" name="check" value="check2" οnclick="javascript:datanameEnable(this);">记录2<br>
<input type="checkBox" name="check" value="check3" οnclick="javascript:datanameEnable(this);">记录3<br>
<input type="checkBox" name="check" value="check4" οnclick="javascript:datanameEnable(this);">记录4<br>
<input type="checkBox" name="check" value="check5" οnclick="javascript:datanameEnable(this);">记录5<br>
<input type="checkBox" name="check" value="check6" οnclick="javascript:datanameEnable(this);">记录6<br>
<input type="checkBox" name="check" value="check7" οnclick="javascript:datanameEnable(this);">记录7<br>
<input type="checkBox" name="check" value="check8" οnclick="javascript:datanameEnable(this);">记录8<br>
<input type="checkBox" name="check" value="check9" οnclick="javascript:datanameEnable(this);">记录9<br>
<input type="checkBox" name="check" value="check10" οnclick="javascript:datanameEnable(this);">记录10<br>
<input type="checkBox" name="check" value="check11" οnclick="javascript:datanameEnable(this);">记录11<br>
<input type="checkBox" name="check" value="check12" οnclick="javascript:datanameEnable(this);">记录12<br>
<input type="checkBox" name="check" value="check13" οnclick="javascript:datanameEnable(this);">记录13<br>
<input type="checkBox" name="check" value="check14" οnclick="javascript:datanameEnable(this);">记录14<br>
<input type="checkBox" name="check" value="check15" οnclick="javascript:datanameEnable(this);">记录15<br>

<input type="text" id="targetObj" name="targetObj" value="" length="1500">
</body>
</html>

嘎java嘎
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
checkbox点击事件修改样式
01-08
本文将详细介绍如何使用JavaScript（特别是jQuery库）和CSS来修改`checkbox`的点击事件以及样式，使其在用户点击时呈现出个性化的视觉效果。 首先，原生的`checkbox`样式可能不符合某些设计需求，因此需要自定义...
解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题
10-16
2. 直接绑定事件到`<label>`：另一种方法是将事件绑定到`<label>`元素而不是`<input>`元素。这样，无论用户点击`<label>`的文本还是checkbox本身，事件都会被触发： ```javascript $("label[for='chk_sqjc']")....
qt之CheckBox选中与未选中的使用
热门推荐
Littlehero_121的博客
04-09 2万+
1、首先拖动一个checkBox按钮放在界面上，然后就是需要，选择转到槽中的槽函数，如下，选择这个 2、代码部分： void MainWindow::on_checkBox_stateChanged(int arg1) { //第一种 if(arg1 == 2) { qDebug()<<"表示被选中1"; } else ...
Vue Element的坑 checked框跑到最後面了
losedguest的博客
04-15 587
1.<el-table>里面用uid的checked多選功能,選中框應該在最前面的 配置 uid設置在第一個位置 export default [{ name: "uid", type:"checked", cname: i18n.t(path + 'uid'), width:"40" }, 效果本應該是這樣的 結果 選擇框跑到最後了 ...
el-tree checkbox
夏末、阳光依然耀眼...˜˜羽悠﹏ˇ⊙ˇ
10-17 987
expand（假如节点展开）、node-click，最后执行check-change，check-change是检查节点发生变化时调用，比节点自身变化要慢。el-tree组件使用时执行顺序依次为@current-change、@node-expand、@node-click、@check-change时。经debugger实验，先执行current-change、
elementUI-tree使用(带复选框)
MG516的博客
05-29 4697
渲染数据 <el-tree ref="tree" node-key="id" :data="data" :props="defaultProps" :show-checkbox="true" :default-checked-keys="defaultKey" @check="handleCheckChange"><...
JQuery触发radio或checkbox的change事件
10-27
在JQuery中，当给radio或checkbox添加一个change事件时，如果它的值发生变化就会触发change事件;本文将详细介绍如何利用JQuery触发Checkbox的change事件需要了解的朋友可以参考下
Jquery为单选框checkbox绑定单击click事件
12-11
input id=”checkbox-518″ class=”imagezz” name type=”checkbox” value=”518″> </dd> 选中事件（根据选中情况修改上一层背景）： 代码如下: var $test_image_check_box_click = function() { if ($(this)...
wx.CheckBox创建复选框控件并响应鼠标点击事件
09-20
为了响应用户的点击事件，我们需要绑定`wx.EVT_CHECKBOX`事件到对应的复选框对象上。这个事件会在用户点击复选框时触发。在示例代码中，我们使用`self.Bind`方法绑定了事件处理函数： ```python self.Bind(wx.EVT_...
Element UI中的el-tree的使用，在每个节点后面添加内容
weixin_43755513的博客
03-14 8274
html部分 <el-tree :data="data" show-checkbox default-expand-all node-key="id" ref="tree" highlight-current> <span class="custom-tree-node" slot-scope="{ node,data }"> &lt...
C# 动态赋值CheckBox
xiaohua616的博客
11-29 866
前面的查询数据操作这里就不在说了，不懂得可以去看我的博文C# GridControl列表动态赋值，查询步骤都是一样的，主要是实体类的属性值 赋值到CheckBox中。
jquery获取checkbox选中的值并追加到input中
php菜鸟技术天地
08-04 1534
方法一：&lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;无标题文档&lt;/title&gt; &lt;script type="text/javascript" src="http://libs.baidu.com/jque
多个checkbox复选框触发点击事件
小爷欣欣
12-05 2万+
${(appltchBoltDto.applyPaltTitle)} ${(applyPatcoltDto.applyPatcBoltTitle)} 形如上面这种有list输出到前台的一组复选框，怎么点击其中一个可以触发jquery事件呢？ jquery代码： $('[type="checkbox"]').click(function
jquery checkbox change click事件的执行顺序
weixin_34407348的博客
12-01 455
最近写页面的时候，发现了一个很诡异的问题，目前先记录下来，等有空了再翻翻jquery源码，看下到底原因是什么。 先上代码： 1 <input type="checkbox" id="checkbox"/> 2 <script> 3 /* 4 $("#checkbox").click(function(){ 5 con...
CheckBox的事件响应顺序
afunyusong的专栏
10-14 1266
先OnTouchListener 再OnCheckedChangeListener 最后OnClickListener http://jingyan.baidu.com/article/e3c78d6447d1e63c4c85f588.html
js checkbox 点击事件
最新发布
12-27
以下是一个使用JavaScript实现checkbox点击事件的例子： ```html <input type="checkbox" id="cb"> 点击我 var checkbox = document.getElementById('cb'); checkbox.addEventListener('click', function() { ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值