Question

当勾选复选框时，我正在尝试禁用价格输入字段并删除任何文本。我不知道我在这里做错了什么..

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
    $('#confP').change(function(){
        if ($('#confP').is(':checked') == true){
            $('#price').val('').prop('disabled', true);
            console.log('checked');
        } else {
            $('#price').prop('disabled', false);
            console.log('unchecked');
        }
    });
</script>

<input type="checkbox" id="confP" name="confP" value="productType"?>Configurable Product?

Price <input type="text" id="price" name="price"/>

Answer 1

在$(document).ready(function(){...});

中指定您的脚本内容

$(document).ready(function(){
    $('#confP').change(function(){
        if ($('#confP').is(':checked') == true){
            $('#price').val('').prop('disabled', true);
            console.log('checked');
        } else {
            $('#price').prop('disabled', false);
            console.log('unchecked');
        }
    });
  });

Answer 2

试试这个，你错过了$( document ).ready(function() { Fiddle

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script type="text/javascript">
$( document ).ready(function() {
    $('#confP').change(function(){
        if ($('#confP').is(':checked') == true){
            $('#price').val('').prop('disabled', true);
            console.log('checked');
        } else {
            $('#price').prop('disabled', false);
            console.log('unchecked');
        }
    });
 });
</script>

<input type="checkbox" id="confP" name="confP" value="productType"?>Configurable Product?

Price <input type="text" id="price" name="price"/>

Answer 3

使用此功能禁用：

$('#price').attr('disabled', true);

这将在以后启用：

$('#price').removeAttr('disabled');

干杯。

用于禁用输入字段的JQuery代码，其复选框不起作用

3 个答案: