2 new culture new_culture 于 2016.09.20 21:12 提问

使用Jquery实现在页面 2C

使用Jquery实现在页面中,使用下拉框就禁用复选框;反之,使用复选框就禁用用下拉框;即时生效;
我写的代码没有实现:
$(document).ready(function(){
$('#xiala').change(function() {

if($('#xiala').prop('noSelect')){ //noSelect指未选中
$(':fuxuan').attr('disabled',false);//复选可用

}else{

$(':fuxuan').attr('disabled',true);//复选不可用

}

});

})
求大神,重写一个方法,或者改我的,实现就行,谢谢。

3个回答

qq_28874551
qq_28874551   2016.09.20 22:57

统一添加$('fuxuan').attr("disabled",true)

被选中后$().removeAttr("disabled")

qq_29594393
qq_29594393   Ds   Rxr 2016.09.21 08:48

禁用掉的话,提交的时候还是得判断,而且下拉框有初始值,还不如一方获取焦点,就直接移除另一个

 $(function(){
$('#xiala').blur(function() {
$(':fuxuan').remove()

})
$("fuxuan").blur(function(){
        $('xiala').remove();
})
})
zuoyifeng1993
zuoyifeng1993   2016.09.21 09:22

点击每一个都有一个click,
你这样,比如点击select,然后你就禁止兄弟 checkbox,
比如:

 $('.select').on('click',function() {
    $('this').siblings('.checkbox').attr("disabled",true);
})

这个点击里面可以做判断,点击是select,还是checkbox,能大致懂不?

zuoyifeng1993
zuoyifeng1993 额 this 写错了,如果还是有问题可以留言
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
后台管理模版
后台管理的页面模版,使用JQuery实现的后台管理页面风格,比较好用
使用jquery实现,页面改变,地址不变的效果
使用jquery实现,页面改变,地址不变的效果!
jQuery实现图片裁剪
jQuery实现图片裁剪功能,非常简单,可直接嵌入页面使用!
PHP页面使用jQuery实现不刷新页面翻页功能
PHP页面使用jQuery实现不刷新页面翻页功能,
JQuery实现火箭升空效果的404页面
JQuery实现火箭升空效果的404页面JQuery实现火箭升空效果的404页面
JQuery实现表单验证(注册页面)
注册页面功能实现: 验证会员名密码不能为空或者包含空格,并且保证长度至少6位 验证邮箱符合规则,并且不能为空 重复密码要与密码一致 1.页面的样式 2.JQuery代码 3.功能优化代码 4.效果图片 5.全部代码
jQuery 实现多页面换肤
换肤有很多种,这里使用选择皮肤时,jQuery动态加载css,并且保存到cookie中,以实现下一次登陆时,自动使用当前皮肤。 多页面换肤其实和单页面换肤差不多,只需要把换肤函数作为一个公共函数,每个页面调用。 具体步骤(看代码): 简单做了两个页面index.html,base.html,以实现在其中一个切换皮肤后,另外一个页面也可以自动更换皮肤。 index.html:
原生js简单实现jQuery的动画效果
// 动画效果 function startMove(obj,json,time,fn){     clearInterval(obj.timer);     var flag = true;     obj.timer = setInterval(function(){         for(var i in json){             // 1.取当前值
JQuery实现的登陆注册页面表单
一个用JQuery实现非常友好的登陆注册界面表单,可以学习一下,附上代码:需要引入JQuery库jquery-2.1.1.min.js<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta n
Jquery的开发
jquery实现页面随滚动条滚动