Question

jquery中怎样实现选中一个元素数字会自动加一 取消选中的元素 数字会减一 求解！

注：用的不是form标签下的元素 类似这种的：
<div class="div1">
<ul class="ul_1">
<li><a href="javascript:void(0);"><span class="frind_name">张三</span></a><p>对号</p></li>
<li><a href="javascript:void(0);"><span class="frind_name">李四</span></a><p>对号</p></li>
<li><a href="javascript:void(0);"><span class="frind_name">王二</span></a><p>对号</p></li>
<li><a href="javascript:void(0);"><span class="frind_name">麻子</span></a><p>对号</p></li>
</ul>
</div>
<div class="div2">
<span class="num">0</span>
<ul class="ul_2">
</ul>
</div>

Answer 1

css样式 class类 .is_click{color:red} 选中就让文字显示红色

$('.div1 ul li').click(function(){
if($(this).attr('class')=='is_click')//判断点击的li标签是否被选中
$(this).removeClass('is_click');//如果已选中的就 移除
else
$(this).addClass('is_click');//没选中的 就选中
var num = $('.div1 ul li .is_click').length;//获取选中的个数
$('.num').html(num);//显示
})

代码还没有测试的，你测试一下吧

追问

那如果取消选中的状态后 数字怎么减一？

追答

根据 li 标签有这个clas类 is_click的个数来控制

Answer 2

//jQuery实现，使用之前请引用jQ的js包
$(".ul_1").on("click","li",function(){
    var num;
    $(this).toggleClass("active");
    num = $(".ul_1").find("li.active").length;
    $(".num").html(num);
})
//当点击li的时候，给li添加一个active样式，标记它被选中

追问

那如果取消选中的状态后 数字怎么减一？

追答

每次点击都会判断选择的个数，这个是通过num控制的

追问

ok! 解决了！谢谢了！