Javascript 选中的复选框在第一时间不工作

我有两个复选框，其中一个从一开始就被选中，但没有做应该做的事情，所以我必须取消选中并再次检查以使其工作，我如何使其从一开始就工作

$（“输入：复选框”）。在（'click'，function（）上{
var$box=$（此项）；
如果（$box.is（“：checked”））{
var group=“输入：复选框[name=”+$box.attr（“name”）+“]”；
$（组）.prop（“选中”，false）；
$box.prop（“选中”，为真）；
}否则{
$box.prop（“选中”，假）；
}
});
功能文本（obj）{
如果（$（obj）.is（“：checked”）{
var x=（$（obj.attr（'id'））；
如果（x='a'）{
document.getElementById（“text”）.innerHTML='somethinea'；
}否则{
document.getElementById（“text”）.innerHTML='somethineb'；
}
}
}

方案a
方案b

我玩了一些把戏

专注于这一点

$(document).ready(function(){
  var checkboxes = $('input[type=checkbox]');
  checkboxes.each(function(index, value){
    if($(value).is(':checked')){
      $(value).click( ); // by default checked. if click now check box will be unchecked
       $(value).click( );// above line uncheck the checkbox  now we have to check it again, because this is what all we want 
    }
  })
});

$（文档）.ready（函数（）{
var复选框=$（'input[type=checkbox]'）；
复选框。每个（函数（索引、值）{
如果（$（值）.is（':checked'））{
$（值）。单击（）；//默认情况下选中。如果现在单击，复选框将被取消选中
$（value）。单击（）；//在第行上方取消选中复选框，现在我们必须再次选中它，因为这就是我们想要的
}
})
});
$（“输入：复选框”）。在（'click'，function（）上{
var$box=$（此项）；
如果（$box.is（“：checked”））{
var group=“输入：复选框[name=”+$box.attr（“name”）+“]”；
$（组）.prop（“选中”，false）；
$box.prop（“选中”，为真）；
}否则{
$box.prop（“选中”，假）；
}
});
功能文本（obj）{
如果（$（obj）.is（“：checked”）{
var x=（$（obj.attr（'id'））；
如果（x='a'）{
document.getElementById（“text”）.innerHTML='somethinea'；
}否则{
document.getElementById（“text”）.innerHTML='somethineb'；
}
}
}

方案a
方案b

作为一种解释，您知道在页面加载时，您所做的一切都是进行点击事件绑定，对吗？在事件发生之前，事件处理程序的实际逻辑不会发生，对吗？

HTML

中没有可以侦听的

event

，在dom准备就绪时选中了复选框。因此，您可以编写自己的复选框实现，或者在

ready

函数中应用一些代码。老实说，不，我没有。在这方面我是个新手。

$（“输入：复选框”）。在（'click'，function（）{