DOM对象的一些常用绑定事件操作
发布日期:2021-08-16 13:27:55 浏览次数:66 分类:技术文章

本文共 1100 字,大约阅读时间需要 3 分钟。

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);
}
}
});

 

转载于:https://www.cnblogs.com/liangrui/p/bindEvent.html

转载地址:https://blog.csdn.net/weixin_30807779/article/details/98221183 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:bzoj1532: [POI2005]Kos-Dicing
下一篇:2017-2018-1 20155226 《信息安全系统设计基础》第11周学习总结

发表评论

最新留言

哈哈,博客排版真的漂亮呢~
[***.90.31.176]2024年04月22日 12时37分54秒