Question

我有一个输入和一个复选框。我已经设法在单击复选框时更改输入中的值，并取消单击等工作正常。

我希望仅在输入值= yes时自动设置要在页面加载时选中的复选框，因为此输入值是通过php动态加载的，可能不是。

HTML

<input type="text" value = "yes" id ="inputId">
<input type="checkbox" id = "yourCheckboxId">

JQUERY

$('#yourCheckboxId').click(function() {
        if ($('#yourCheckboxId').is(':checked')){
             $('#inputId').val('yes');
        }    
        if (!$('#yourCheckboxId').is(':checked')){
             $('#inputId').val('no');
        }     
});

您会注意到，即使输入中的值设置为yes，在页面加载时也不会选中该复选框。这就是我到目前为止，请参阅jsfiddle：http://jsfiddle.net/0z9agrw8/1/

由于

Answer 1

var input = $('#inputId').val()

if(input === "yes"){
  $("#yourCheckboxId").prop('checked', true);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" value = "yes" id ="inputId">
<input type="checkbox" id = "yourCheckboxId">

Answer 2

在页面加载时执行此操作：

if($('#inputId').val() == 'yes') { 
    $('#yourCheckboxId').prop('checked', true);
}

Answer 3

如果您总是希望在页面加载时检查它，您只需添加＆＃34;已选中＆＃34;属性

例如

<input type="checkbox" id = "yourCheckboxId" checked>

如果它比这更复杂，其他答案将很好地运作

如果输入值=

3 个答案: