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

时间:2013-07-11 13:37:09

标签: jquery checkbox

我想在点击input时停用id = reg字段(checkbox)。我想使用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>

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 个答案:

答案 0 :(得分:3)

你可以这样做:

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

FIDDLE DEMO

答案 1 :(得分:1)

很简单

尝试:

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

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

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

答案 2 :(得分:0)

什么是复选框的ID?

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

检查没有$(文件).ready() 还要检查你的jquery参考

答案 3 :(得分:0)

您可以尝试以下代码:

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

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

  

请以此为出发点,而不是复制粘贴解决方案。