您的位置:首页 > Web前端 > JQuery

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息