jquery 如何去除标签内容的部分内容？
有这样一个多选框我现在想点击某一个的时候把它对应的value值追加到下面的text里去有没有什么方式能够去除标签里对应的值得方法？例如表单里现在追加了1,2,3,4,5现...
有这样一个多选框 我现在想点击某一个的时候把它对应的value值 追加到下面的text 里去 有没有什么方式能够去除标签里对应的值得方法？ 例如 表单里现在追加了 1,2,3,4,5 现在我取消勾选5 这个时候 text里的值 我想要去除5 其他的保留 如何实现？
展开
展开全部
废话不说直接上代码了
jqeury：
$("input[name=test]").click(function(){
var valStr = $("input[name=test]:checked").map(function(){
return $(this).val();
}).get().join(",");
$("#text").val(valStr);
});
HTML：
<input id="id1" type="checkbox" name="test" value="1"><label for="id1">北京</label>
<input id="id2" type="checkbox" name="test" value="2"><label for="id2">沈阳</label>
<input id="id3" type="checkbox" name="test" value="3"><label for="id3">上海</label>
<input id="id4" type="checkbox" name="test" value="4"><label for="id4">重庆</label>
<input type="text" id="text">
看看 是你要的东西不~~ ，不懂就追问。
望采纳。。。
追问
你这个可以是可以 但是 改我这个 费了点劲 不太好改啊
追答
我没明白你这个遍历有什么作用 ，你用遍历前面的那个对象 直接绑定change事件不就行了么？我的那个实际上跟你的是一个意思，jquery绑定批量元素 不用遍历啊 你最好是把数据集和需求提出来，具体的得跟据你的需求来。。。 48727776 我QQ 方便的话可以加我QQ
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
参考思路：
取到div对象，然后遍历child，如果tagName不是文本的话删除。
参考代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
function test() {
var $children = $("#divTest").children();
$("#divTest").empty().append($children);
}
</script>
</head>
<body>
<div id="divTest" >abcd<span>test</span><a href="#">test</a></div>
<br /><br />
<input type="button" onclick="test()" value="去掉div中的abcd" />
</body>
</html>
取到div对象，然后遍历child，如果tagName不是文本的话删除。
参考代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
function test() {
var $children = $("#divTest").children();
$("#divTest").empty().append($children);
}
</script>
</head>
<body>
<div id="divTest" >abcd<span>test</span><a href="#">test</a></div>
<br /><br />
<input type="button" onclick="test()" value="去掉div中的abcd" />
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
取消的时候触发事件
1，获取你取消的value
2，读取你text中的value
3，遍历删除你取消的项
4，将删除后的value回填到你的text中
1，获取你取消的value
2，读取你text中的value
3，遍历删除你取消的项
4，将删除后的value回填到你的text中
更多追问追答
追问
遍历删除项 给个例子吧
追答
比如你获取到取消的value是‘aa’
你的text中的value假设是'aa,bb,cc,dd'
var str =text.value;//假设value为 'aa,bb,cc,dd'
text.value = '';
var list = str.split(',');
for(var i = 0; i < list.length; i++){
if(list[i] != 'aa'){
text.value += list[i];//逐个将当前选中的添加进去，或者赋个变量，再一次性加进去
}
}
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
每次点击都取一下选中的值，重新给input 赋值
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
