jquery获取checkbox选中的值并追加到input中
2016-08-16 14:43
459 查看
js:
$(function(){
$("input[name='chbox']").change(function(){
var result="";
$("input[name='chbox']:checked").each(function(){
result+=$(this).val()+',';
});
if(result!=""){
result=result.substring(0,result.lastIndexOf(','));
}
$("#tinput").val(result);
});
})
html:
<input type="text" id="tinput"/>
<div>
<input type="checkbox" name="chbox" value="aa"/>aa
<input type="checkbox" name="chbox" value="bb"/>bb
<input type="checkbox" name="chbox" value="cc"/>cc
<input type="checkbox" name="chbox" value="dd"/>dd
<input type="checkbox" name="chbox" value="ee"/>ee
<input type="checkbox" name="chbox" value="ww"/>ww
<input type="checkbox" name="chbox" value="rr"/>rr
<input type="checkbox" name="chbox" value="hh"/>hh
</div>
$(function(){
$("input[name='chbox']").change(function(){
var result="";
$("input[name='chbox']:checked").each(function(){
result+=$(this).val()+',';
});
if(result!=""){
result=result.substring(0,result.lastIndexOf(','));
}
$("#tinput").val(result);
});
})
html:
<input type="text" id="tinput"/>
<div>
<input type="checkbox" name="chbox" value="aa"/>aa
<input type="checkbox" name="chbox" value="bb"/>bb
<input type="checkbox" name="chbox" value="cc"/>cc
<input type="checkbox" name="chbox" value="dd"/>dd
<input type="checkbox" name="chbox" value="ee"/>ee
<input type="checkbox" name="chbox" value="ww"/>ww
<input type="checkbox" name="chbox" value="rr"/>rr
<input type="checkbox" name="chbox" value="hh"/>hh
</div>
相关文章推荐
- jquery获取checkbox选中的值并追加到input中
- 【jQuery获取下拉框select、单选框radio、input普通框的值和checkbox选中的个数】
- jquery 获取所有checkbox选中input
- Jquery实际应用,判断radio,selelct,checkbox是否选中及选中的值,jquery如果获取多个重复name的input的值
- jquery 获取 选中的checkbox的值
- js获取checkbox中所有选中值及input后面所跟的文本
- JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值
- jquery动态获取复选框checkbox选中的个数
- jquery 获取 选中的checkbox的值
- JQuery获取checkbox的选中状态
- 转载:jquery如何来获取label标签里的内容 checkbox选中后获取label标签内容
- jquery获取Repeater中选中的checkbox的值
- JQuery获取页面上选中的checkbox
- jquery获取radio和checkbox选中的值
- jquery 循环获取checkBox的值,以及对复选框选中,取消,操作按钮
- jquery 获取checkbox 选中个数
- JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值
- jquery 获取 checkbox 选中状态 集合
- js获取checkbox中所有选中值及input后面所跟的文本 .
- Jquery操作select,radio,checkBox,获取选中项的值和文本,根据值和文本设置选中项