DOM对象的一些常用绑定事件操作

1.对单选按钮添加change事件，选中和取消时，控制部分按钮显示和隐藏

$("input:radio[name='policyState']").change(function (){
var opt=$("input:radio[name='policyState']:checked").val();//选中项的值
if(opt=='1'){//无效
//设置标签隐藏
$("#bt2").hide();
$("#bt3").hide();
$("#uploadff").hide();
$("#exImport").hide();
$("#save").hide();
}else{
$("#bt2").show();
$("#bt3").show();
$("#uploadff").show();
$("#exImport").show();
$("#save").show();
}
pageFlip('query');

});

2.为所有复选框添加单击事件，选中时可以编辑（注意：要写在查询方法后边，因为查询完之后页面才加载完毕，checkbox才是最新的，这在绑定方法才能有效）

var s = $("input[name='ckb']");
s.each(function(i) {
$(this).click(function(){
if($(this).prop('checked')){
$(this).parent().parent().find("input").attr("readOnly",false);
}else{
$(this).parent().parent().find("input").attr("readOnly",true);
}
});
});

方法二：（此方法未测试）

$("[name='ckb']:checkbox").bind("click",function(){
var opt=$("[name='ckb']:checkbox");
for(i=0;i<opt.length;i++){
if(opt[i].attr('checked')){
opt[i].parent().parent().find("input").attr("readOnly",false);
}else{
opt[i].parent().parent().find("input").attr("readOnly",true);
}
}
});