今天有个需求,类似以下:
<div id="a">
<input name="yinzhangfenlei" id="yinzhangfenlei1" type="radio" value="1">A类
<input name="yinzhangfenlei" id="yinzhangfenlei2" type="radio" value="2">B类
</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树加载完毕的时候,页面内的所有链接在“点击”事件的时候触发。