div当我点击a时checkbox,我想要更改为绿色,然后当我单击复选框时,应该删除绿色.当我添加$('div.formfld').removeClass('green');添加绿色的动作时也会消失.
这是代码:
<head>
<script>
$(document).ready(function(){
$(".clicker").click(function(){
$('div.formfld').addClass('green');
$('div.formfld').removeClass('green');
});
});
</script>
<style>
.formfld{ padding:5px; }
.grey{ background-color:#CCCCCC; }
.green{ background-color:#006600; }
</style>
</head>
<body>
<div class="formfld grey" id="frm">
<input type="checkbox" class="clicker" />
Name
</div>
</body>
您正在添加,然后为每次单击删除该类.请toggleClass改用.此外,change在元素上使用事件以确保不能使用鼠标的用户访问:
$(".clicker").change(function(){
$('div.formfld').toggleClass('green');
});
| 归档时间： |
|
| 查看次数： |
64 次 |
| 最近记录： |