设定一个场景,比如我数据库里面有很多的卡号,有些卡是正常的,有些卡是注销的,
有些卡是已经挂失了的。不知道可不可以用radio。我点正常,就能弹出是正常卡的信息,
如果我点注销,就能弹出注销的卡的信息。
卡容器增加一个自定属性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>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。