3

当用户在文本区域中输入文本时,我需要禁用复选框,否则它将处于活动状态。我已经尝试了最相关的事件,但我无法让它发挥作用。onkeydown 在第一次按下时禁用,如果用户输入内容然后将其删除,onchange 将起作用。他们离开文本区域后似乎没有任何东西可以禁用它。

<script type="text/javascript">

    function enable_cb(textarea) { 
       if ($(textarea).val() != "" ) { 
        $("input.cmb").removeAttr("disabled"); 
    } 
    else { 
        $("input.cmb").attr("disabled", true); 
    } 
} 

</script>
Comments:<br />
<p><textarea name="issue" id="issue_ta" cols="50" rows="10" class="help" tabindex="2" title="Enter Detailed Description" onchange="enable_cb(this);"></textarea></p>
<p><input name="no_issue" type="checkbox" id="no_issue" class="cmb" />No Issues to Report</p>
<p class="label">Enter Current Vehicle Mileage:</p>
<p><input type="tel" name="record_mileage" class="required" tabindex="3" title="&nbsp;Enter Current Mileage&nbsp;" size="25"/></p>
<p><input type="submit" name="Submit" value="Send"/></p>
</form>
4

5 回答 5

3

删除 onclick 处理程序并执行以下操作:

$(function() {
    $("#issue_ta").on('change keyup', function() {
        $("input.cmb").prop("disabled", this.value.length); 
    });
});

小提琴

于 2012-09-05T15:52:39.163 回答
1

谢谢大家。每个回应都让我朝着正确的方向前进。

    <script type="text/javascript">
 function enable_cb(textarea) {
    if ($(textarea).val() !== "") {
        $("input.cmb").prop("disabled", true);
    }
    else {
        $("input.cmb").prop("disabled", false);
    }
}
</script>

     Comments:<br />
<p><textarea name="issue" id="issue_ta" cols="50" rows="10" class="help" tabindex="2" title="Enter Detailed Description" onblur="enable_cb(this);"></textarea></p>
<p><input name="no_issue" type="checkbox" id="no_issue" class="cmb" />No Issues to Report</p>
<p class="label">Enter Current Vehicle Mileage:</p>
<p><input type="tel" name="record_mileage" class="required" tabindex="3" title="&nbsp;Enter Current Mileage&nbsp;" size="25"/></p>
<p><input type="submit" name="Submit" value="Send"/></p>
</form>​

小提琴链接

于 2012-09-06T03:48:10.380 回答
1

这个

 $("input.cmb").attr("disabled", true);

应该是这个

 $("input.cmb").attr("disabled", "disabled");
于 2012-09-05T15:43:13.927 回答
1

为什么不对 textArea 使用 blur 事件。这将确保在 textarea 失去焦点后执行代码。

试试这个代码..

// Your Markup..
Comments:<br />
<p><textarea name="issue" id="issue_ta" cols="50" rows="10" class="help" tabindex="2" title="Enter Detailed Description" ></textarea></p>
<p><input name="no_issue" type="checkbox" id="no_issue" class="cmb" />No Issues to Report</p>
<p class="label">Enter Current Vehicle Mileage:</p>
<p><input type="tel" name="record_mileage" class="required" tabindex="3" title="&nbsp;Enter Current Mileage&nbsp;" size="25"/></p>
<p><input type="submit" name="Submit" value="Send"/></p>​

// Your jQuery code..
​$(function() {
    $('#issue_ta').on('blur' , function(){
       var val =  $('#issue_ta').val();
        if(val == ''){
           $('#no_issue').attr('disabled', true);                 
        }
        else{
             $('#no_issue').attr('disabled', false);    
        }
    });
});​

您可以查看此小提琴以获取工作示例 http://jsfiddle.net/sushanth009/A46py/

于 2012-09-05T15:54:57.257 回答
0

“他们离开文本区域后似乎没有什么可以禁用它。”

.blur在这种情况下会很有帮助 - 它会检测用户何时离开元素,然后您可以应用您想要的效果。.blur 文档

于 2012-09-05T15:49:21.613 回答