如果输入值=，则选中复选框

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

如果您始终希望在页面加载时对其进行检查，则只需添加“ checked”属性

例如

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

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