jquery获取checkbox选中的值并追加到input中

最新推荐文章于 2020-06-08 21:20:33 发布

醉ぃ灬清风。

最新推荐文章于 2020-06-08 21:20:33 发布

阅读量6.8k

点赞数 1

分类专栏：编程技术 java jquery 文章标签： java jsp javascript jquery checkbox

本文链接：https://blog.csdn.net/u010964869/article/details/52220817

版权

编程技术同时被 3 个专栏收录

107 篇文章 1 订阅

订阅专栏

java

90 篇文章 1 订阅

订阅专栏

jquery

46 篇文章 1 订阅

订阅专栏

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>