Question

当网站加载并启用文本字段然后选中复选框时，我有一个对隐藏文本字段有用的javascript。

这是我的代码

<input type="checkbox" name="check_dropshiper" id="dropshiper_ceck">
<label><b><?php echo $text_dropship; ?></b><hr/></label>
<div class="" id="dropshiper" name="">
    <p><?php echo $text_dropship_name; ?></p>
    <input type="text" name="nama_dropshiper" style="width: 97%"><br/><br/>
    <p><?php echo $text_dropship_telp; ?></p>
    <input type="text" name="nomor_telp" style="width: 97%">
</div>

和我的javascript

$(document).ready(function(){
    // kondisi saat load pertama
    if ($("input[name='ceck_dropshiper[]']:checked").val()){
        $('#dropshiper').removeAtr('disable');
    } else {
        $('#dropshiper').attr('disable','disable');
    }
    // kondisi saat CheckNox Diklik
    $('input:checkbox[name="ceck_dropshiper\[\]"]').click(function() {
        if (!$(this).is(':checked')){
            $('#dropshiper').attr('disable'.'disable');
            $('#dropshiper').val('');
        } else {
            $('#dropshiper').removeAtr('disable');
            $('#dropshiper').focus();
        }
    });
});

但代码无效

请帮我解决。

Answer 1

您可以尝试使用此代码;

$(document).ready(function(){
// kondisi saat load pertama
if ($("input[name='check_dropshiper']:checked").val()){
    $('#dropshiper input').removeAtr('disabled');
} else {
    $('#dropshiper input').attr('disabled','disabled');
}
// kondisi saat CheckNox Diklik
$('input:checkbox[name="check_dropshiper"]').change(function() {
    if (!$(this).is(':checked')){
        $('#dropshiper input').attr('disabled','disabled');
        $('#dropshiper input').val('');
    } else {
        $('#dropshiper input').removeAttr('disabled');
        $('#dropshiper input:first').focus();
    }
});

}）;

Answer 2

首先，您必须使用name属性不正确，并尝试使用change代替click radio和checkbox元素，以便更好地访问。

$(document).ready(function(){
    // kondisi saat load pertama
    if ($("input[name='check_dropshiper']:checked").val()){
        $('#dropshiper').removeAtr('disable');
    } else {
        $('#dropshiper').attr('disable','disable');
    }
    // kondisi saat CheckNox Diklik
    $('input:checkbox[name="check_dropshiper"]').change(function() {
        if (!$(this).is(':checked')){
            $('#dropshiper').attr('disable','disable');
            $('#dropshiper').val('');
        } else {
            $('#dropshiper').removeAtr('disable');
            $('#dropshiper').focus();
        }
    });
});

Answer 3

<input type="checkbox" name="check_dropshiper" id="dropshiper_ceck">
<label><b><?php echo $text_dropship; ?></b><hr/></label>
<div class="" id="dropshiper" name="">
    <p><?php echo $text_dropship_name; ?></p>
    <input type="text" name="nama_dropshiper" style="width: 97%"><br/><br/>
    <p><?php echo $text_dropship_telp; ?></p>
    <input type="text" name="nomor_telp" style="width: 97%">
</div>


$(document).ready(function(){
    // kondisi saat load pertama

    if ($('#dropshiper_ceck').attr('checked')){
        $('#dropshiper').removeAtr('disable');
    } else {
        $('#dropshiper').attr('disable','disable');
    }
    // kondisi saat CheckNox Diklik
    $('#dropshiper_ceck').click(function() {
        if (!$(this).is(':checked')){
            $('#dropshiper').attr('disable'.'disable');
            $('#dropshiper').val('');
        } else {
            $('#dropshiper').removeAtr('disable');
            $('#dropshiper').focus();
        }
    });
});

Answer 4

如果未选中复选框，请添加用于清除文本字段的脚本。

选中网站加载和启用文本字段后的隐藏文本字段复选框

4 个答案: