html页⾯监听事件(转)
<div id="a">
<input name="yinzhangfenlei" id="yinzhangfenlei1" type="radio" value="1">A类
<input name="yinzhangfenlei"  id="yinzhangfenlei2" type="radio" value="2">B类
html radio点击变颜
</div>
<div id="b">
<input name="xiangxi" id="xiangxi1" type="radio" value="1">买房
<input name="xiangxi"  id="xiangxi2" type="radio" value="2">买车
</div>
如果在选中A类时,可以选中买房或者买车,但是如果选中B类时,则⽆需选择买房或者买车,这⾥就需要⽤到页⾯的监听事件,还需要对已选择的radio进⾏去除操作,代码如下:
$(document).ready(function)(){
$("input:radio[name='yinzhangfenlei']").click(function(){
var value=$("input:radio[name='yinzhangfenlei']:checked").val();
if(value=='B类')
{
$("[name='xiangxi']").prop("checked",false);
}
})
}
总结如下:
1、ready事件⽅法书写⽅式有:$(document).ready(function)、$().ready(function)()、$(function)()
2、ready事件⽅法的含义:这是⼀个jquery⾃定义的事件~该事件发⽣在整个DOM树加载完毕的时候,页⾯内的所有链接在“点击”事件的时候触发。