JavaScript复选框选中的同时在span中显示选中选项值?
3个回答
展开全部
html部分:
<input type="checkbox" name="like" id="like1" value="篮球"/><label for="like1">篮球</label>
<input type="checkbox" name="like" id="like2" value="兵乓球"/><label for="like2">兵乓球</label>
<input type="checkbox" name="like" id="like3" value="兵乓球"/><label for="like3">兵乓球</label>
<span id="show"></span>
js部分:本实现依赖jquery.js
<script type="text/javascript">
$(function(){
$('input[name="like"]').change(function(){
var val = $('input[name="like"]:checked').map(function(){
return $(this).val();
}).get().join(',');
$('#show').text(val);
});
});
</script>
<input type="checkbox" name="like" id="like1" value="篮球"/><label for="like1">篮球</label>
<input type="checkbox" name="like" id="like2" value="兵乓球"/><label for="like2">兵乓球</label>
<input type="checkbox" name="like" id="like3" value="兵乓球"/><label for="like3">兵乓球</label>
<span id="show"></span>
js部分:本实现依赖jquery.js
<script type="text/javascript">
$(function(){
$('input[name="like"]').change(function(){
var val = $('input[name="like"]:checked').map(function(){
return $(this).val();
}).get().join(',');
$('#show').text(val);
});
});
</script>
追问
能不能只用js来完成呢
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
JavaScript复选框选中的同时在span中显示选中选项值给个标签
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
是从昨天上午发生以来今天看到
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询