用jquery把复选框checkbox选中的值放入input框中

如图,选中看电影,睡觉,input框显示看电影,睡觉;如果再取消看电影,则只显示睡觉或者在点击玩,则显示睡觉,玩新手初学jquery,求指教,最好给代码... 如图,选中看电影,睡觉,input框显示 看电影,睡觉;如果再取消看电影,则只显示睡觉或者在点击玩,则显示睡觉,玩 新手初学jquery,求指教,最好给代码 展开
 我来答
帐号已注销
高粉答主

2020-02-12 · 每个回答都超有意思的
知道答主
回答量:2169
采纳率:0%
帮助的人:32.2万
展开全部

1、新建一个html文件,命名为test.html。

2、在test.html文件内,在p标签内,使用input标签创建一个checkbox选项和一个文本框,并且文本框设置默认值。

3、在test.html文件内,给每一个checkbox类型input元素设置name属性,统一设置为ck,主要用于下面通过该name获得input对象。

4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获得input值”。

5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getinput()函数。

6、在js标签中,创建getinput()函数,在函数内,通过“:checked”选择器获得被选中的checkbox对象,使用next()方法获得checkbox相邻的input文本框对象,通过val()方法获得它的值。最后,使用alert()方法输出input的值。

7、在浏览器打开test.html文件,点击按钮,查看结果。

WEB新标准
2013-11-22 · TA获得超过297个赞
知道小有建树答主
回答量:121
采纳率:0%
帮助的人:96万
展开全部
点击复选框的时候用each寻找 checked 属性的,并获取值存在一个变量活数组里面。然后把相应的值付给input,这是思路,你自己先写一下,实在写不出来我再帮你写
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
longwu90604017
推荐于2018-03-05 · TA获得超过205个赞
知道小有建树答主
回答量:214
采纳率:100%
帮助的人:70.5万
展开全部
 <input type="checkbox" name="chkHobby" value="看电影"/>看电影
 <input type="checkbox" name="chkHobby" value="睡觉"/>睡觉
 <input type="checkbox" name="chkHobby" value="玩"/>玩
爱好:<input type="text" id="txtHobby" />

$("input[name='chkHobby']").change(function(){
        var result="";
        $(this+":checked").each(function(){
               result+=$(this).val()+',';
        });
        $("#txtHobby").val(result);    
    });
更多追问追答
追问
这个 不行啊,没效果,你试验过了么?
追答

有效果的啊。我测过的

本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
爱我所爱丶Lyb
2013-11-22 · TA获得超过408个赞
知道小有建树答主
回答量:390
采纳率:0%
帮助的人:303万
展开全部
留下邮箱,给你发几个jquery必学的几个例子,
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式