如果输入值 = 则设置要检查的复选框答案

【问题标题】：Set checkbox to be checked if input value =如果输入值 = 则设置要检查的复选框
【发布时间】：2017-11-30 21:14:14
【问题描述】：

我有一个输入和一个复选框。我已经设法在单击复选框时更改输入中的值，然后取消单击等效果很好。

我希望仅当输入值 = 是时自动设置要在页面加载时检查的复选框，因为此输入值是通过 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/

谢谢

【问题讨论】：

可能重复。绝对遵循相同的逻辑：stackoverflow.com/questions/47576449/…
在 PHP 中，如果输入值为 yes，您只需将“checked”道具添加到复选框输入中。

标签： javascript jquery html checkbox

【解决方案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">

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

如果您总是希望在页面加载时检查它，您可以简单地添加“checked”属性

例如

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

如果比这更复杂，其他答案会很好用

【讨论】：