点击复选框,选中的话下面的div里面的文字消失,取消的话div里面的文字出现
1个回答
展开全部
<!-- 修改后的代码-->
<input type="checkbox" id="bm_xy" />
<div class="mess_cheked">*请同意!</div>
<script type="text/javascript">
$('#bm_xy').click(function(){
if($('#bm_xy')[0].checked ==false){
$('.mess_cheked').css('display','block');
}else{
$('.mess_cheked').css('display','none');
}
});
</script>
贴图里的几个问题:
1、 选中的时候消失,开始状态如果是选中,应该没有文字,所以去掉了开始的选中状态。
2、$('#bm_xy').attr("checked") 在贴图的代码中 恒等于checked ,需要改成现在的代码。
3、 $('#mess_cheked') 取的是ID 为 mess_cheked 的元素。$('.mess_cheked') 才是查找class的
4、建议不要在js中写内容相关的文本,改为现在的控制样式的方式控制是否呈现。这样避免文本变化了,js也要修改。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询