设定一个场景,比如我数据库里面有很多的卡号,有些卡是正常的,有些卡是注销的,
有些卡是已经挂失了的。不知道可不可以用radio。我点正常,就能弹出是正常卡的信息,
如果我点注销,就能弹出注销的卡的信息。
绑定radio的change事件就行了
给卡容器增加一个自定属性state存储卡状态,点击radio的时候获取的value(对应卡状态),然后获取所有卡变量对比当前radio的值了state属性值一样就显示,否则隐藏
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.min.js"></script>
<div id="dvRadio">
<input type="radio" name="state" value="正常" />正常
<input type="radio" name="state" value="注销" />注销
<input type="radio" name="state" value="挂失" />挂失
</div>
<div id="dvCartList">
<div state="正常">卡1</div>
<div state="正常">卡2</div>
<div state="注销">卡3</div>
<div state="挂失">卡4</div>
</div>
<script>
$('#dvRadio input').click(function () {
console.log(this.value)
$('#dvCartList div[state]').hide().filter('[state="' + this.value + '"]').show();
});
</script>