0

我想在单击时禁用input字段 ( ) 。我想使用 jquery,但我没有运气。id = regcheckbox

这是我的代码:

<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>

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>                   
4

4 回答 4

3

你可以这样做:

$(document).ready(function () {
    $('#all').change(function () {
        $('#reg').prop("disabled", this.checked);
    });
});

小提琴演示

于 2013-07-11T13:41:13.017 回答
1

很简单

尝试 :

$("#checkbox").click(function(){

    $("#sample").attr("disabled","true");
});

这是 Jsfiddle 链接:http: //jsfiddle.net/88px7/1/

于 2013-07-11T13:41:56.460 回答
0

复选框的 id 是什么?

您的代码看起来正确,但请检查http://api.jquery.com/change/

检查没有 $(document).ready() 也检查你的 jquery 参考

于 2013-07-11T13:41:43.250 回答
0

您可以尝试以下代码:

$(document).ready(function() {
    $('#all').toggle(function() {
        if($('#all').attr('checked')) {
            $('#reg').attr("disabled", true);
        } else {
            $('#reg').attr("disabled", false);
        }
    });
});

您也可以使用click()复选框的事件。

请将此作为起点,而不是作为复制粘贴解决方案。

于 2013-07-11T13:45:37.653 回答