Jquery 单击复选框时禁用输入字段_Jquery_Checkbox

Jquery 单击复选框时禁用输入字段

jquery checkbox

Jquery 单击复选框时禁用输入字段,jquery,checkbox,Jquery,Checkbox,我想在单击复选框时禁用输入字段（id=reg）。我想使用jquery，但我没有成功这是我的密码： <head> <meta charset="utf-8"> <title>FIMS</title> <meta name="description" content="Sales tracking system"> <title>FIMS::Data analyst<

我想在单击

复选框时禁用输入
字段（id=reg
）。我想使用jquery，但我没有成功
这是我的密码：
<head>   
    <meta charset="utf-8">   
    <title>FIMS</title>   
    <meta name="description" content="Sales tracking system">   
    <title>FIMS::Data analyst</title>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../includes/my_style_sheet/my_style.css">
    <link rel="stylesheet" href="../includes/my_style_sheet/mys_style_sheet.css">
    <link rel="stylesheet" href="../includes/my_js/smoothness/jquery-ui-1.9.1.custom.css">
    <script type="text/javascript" src="../includes/my_js/js_library.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $('#all').change(function(){
            $('#reg').attr("disabled","disabled");
        });
    });
    </script>
</head>


菲姆斯
数据分析员
$（文档）.ready（函数（）{
$（'#all'）。更改（函数（）{
$（'#reg'）.attr（“禁用”、“禁用”）；
});
});

HTML代码
<div class="control-group">
    <label class="control-label" for="id_password">Choose District</label>
    <div class="controls">
        <select class="bootstrap-select" name="district" id="dis" disabled='disabled'></select>
    </div>
</div>

<div class="control-group">
    <label class="control-label" for="id_password">Regionwise</label>
    <div class="controls">
        <label class="checkbox">
            <input type="checkbox" name="all" id="all">
        </label>
    </div>
</div>                   


选择地区
区域性
您可以执行以下操作：
$(document).ready(function () {
    $('#all').change(function () {
        $('#reg').prop("disabled", this.checked);
    });
});

您可以执行以下操作：
$(document).ready(function () {
    $('#all').change(function () {
        $('#reg').prop("disabled", this.checked);
    });
});

复选框的id是什么
您的代码看起来正确，但请检查
不带$（document.ready（）的支票
还要检查jquery参考
复选框的id是什么
您的代码看起来正确，但请检查
不带$（document.ready（）的支票
还要检查jquery引用
它很简单
尝试：
这里是jsiddle链接：
它很简单
尝试：
下面是JSFIDLE链接：
您可以尝试以下代码：
$(document).ready(function() {
    $('#all').toggle(function() {
        if($('#all').attr('checked')) {
            $('#reg').attr("disabled", true);
        } else {
            $('#reg').attr("disabled", false);
        }
    });
});

您还可以使用复选框的click（）
事件
请将此作为起点，而不是复制粘贴解决方案
您可以尝试以下代码：
$(document).ready(function() {
    $('#all').toggle(function() {
        if($('#all').attr('checked')) {
            $('#reg').attr("disabled", true);
        } else {
            $('#reg').attr("disabled", false);
        }
    });
});

您还可以使用复选框的click（）
事件
请将此作为起点，而不是复制粘贴解决方案
请发布html alsoDoes js#u library.js include jquery？是的，它包括@huang ism你在哪里#reg
？请发布html alsoDoes js#u library.js include jquery？是的，它包括@huang ism你在哪里#reg
？在你的html中没有id regi意思是dis，reg是一个错误，在你的html中没有id regi意思是dis，reg是一个错误您使用的jQuery文件的版本是什么？小提琴演示对你有用吗？小提琴对我有用。单击复选框后，下面的输入框是否未被禁用，反之亦然？好的，那么您正在使用的jQuery文件的版本是什么？JavaScript库v1.10.2您正在使用的jQuery文件的版本是什么？小提琴演示对你有用吗？小提琴对我有用。单击复选框后，下面的输入框是否未被禁用，反之亦然？好的，那么您使用的jQuery文件的版本是什么？JavaScript库v1.10.2