为什么当我单击它时我的复选框没有被选中,但链接的文本会变成绿色?



问题:当我单击复选框或其旁边的文本时,文本变为绿色,但复选框没有被选中。

问题:单击复选框时,如何将其选中?

我尝试了很多方法来解决这个问题,将值从0更改为1,在代码底部删除并编辑,从字面上删除底部的脚本,更改一些类等。我尝试过的似乎都无法正常工作。

以下是整个代码,因为我不认为问题仅在于输入标记:https://jsfiddle.net/yeLnh24x/

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.min.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->    <script type="text/javascript">
// Fix for Firefox autofocus CSS bug
// See: http://stackoverflow.com/questions/18943276/html-5-autofocus-messes-up-css- 
loading/18945951#18945951
</script>
<style>
body, span.label._label_transparent {
color: #333;
}
</style>
</head>
<body class="cover">
<div class="login-wrap">
<span class="brand">
<img src="https://genesis.market/img/logo/genesis.svg" alt="Genesis" style="width: 
150px;">    </span>
<div class="panel">
<div class="panel-heading">
<h3 class="panel-title">Sign In</h3>
</div>
<div class="panel-body">
<form id="login-form" class="prevent-doublesubmit" 
action="https://genesis.market/guest/login" method="post" data-nonce="Ap3NzdOgcxSNuFWp">
<input type="hidden" name="_csrf-clientzone" value="e9W5y-pj5UkIbKmvn2- 
kHP5xoJCd8bJUKgtfBaq2mmiBFz9MZjoZU_KQbNBG96VtnPCJHEYt7dxiCD4ZkajvoA==">    <div 
class="form-group field-loginform-login required">
<input type="text" id="loginform-login" class="form-control" name="LoginForm[login]" 
placeholder="Login" autofocus aria-required="true">
<p class="help-block help-block-error"></p>
</div>    <input type="hidden" id="loginform-password-hash" name="LoginForm[password]" 
value="">    <div class="form-group field-loginform-password required">
<input type="password" id="loginform-password" class="form-control" value="" 
placeholder="Password" aria-required="true">
<p class="help-block help-block-error"></p>
</div>    <div class="form-group field-loginform-rememberme">

<div class="checkbox">
<label for="loginform-rememberme">

<input type="checkbox" id="loginform-rememberme" name="LoginForm[rememberMe]" value="0" 
checked>
Remember me for 2 weeks
</label>
<p class="help-block help-block-error"></p>
</div>
</div>    <button type="submit" class="btn btn-primary ready-enable" disabled data- 
loading-text="Logging in...">Login</button>    <br>
<br>
Don't have an account yet? <a href="/register.html">Sign Up!</a></form>        </div>
</div>
</div>
<script src="https://genesis.market/js/essentials.min.js?v=1619261302"></script>
<script src="https://genesis.market/assets/afe82d8/yii.js?v=1617716624"></script>
<script src="https://genesis.market/assets/afe82d8/yii.validation.js?v=1617716624"> 
</script>
<script src="https://genesis.market/assets/afe82d8/yii.activeForm.js?v=1617716624"> 
</script>
<script src="https://genesis.market/js/ark/ark.core.min.js?v=1619261301"></script>
<script src="https://genesis.market/js/ark/ark.core-afterwards.min.js?v=1619261301"> 
</script>
<script src="https://genesis.market/js/login.min.js?v=1619261302"></script>
<script src="https://genesis.market/js/app/app.core.min.js?v=1619261301"></script>
<script src="https://genesis.market/js/app/app.login.min.js?v=1619261301"></script>
<script src="https://genesis.market/js/app/app.core-afterwards.min.js?v=1619261301"> 
</script>
<script type="text/javascript">jQuery(document).ready(function () {
jQuery('#login-form').yiiActiveForm([{"id":"loginform- 
login","name":"login","container":".field-loginform-login","input":"#loginform- 
login","error":".help-block.help-block-error","validate":function (attribute, value, 
messages, deferred, $form) {value = yii.validation.trim($form, attribute, 
[]);yii.validation.required(value, messages, {"message":"Login cannot be 
blank."});yii.validation.regularExpression(value, messages, {"pattern":/^[a-zA-Z][a-zA-Z0- 
9_]*$/,"not":false,"message":"Login is invalid.","skipOnEmpty":1});}},{"id":"loginform- 
password","name":"password","container":".field-loginform-password","input":"#loginform- 
password","error":".help-block.help-block-error","validate":function (attribute, value, 
messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Password 
cannot be blank."});}},{"id":"loginform- 
rememberme","name":"rememberMe","container":".field-loginform- 
rememberme","input":"#loginform-rememberme","error":".help-block.help-block-e 
rror","validate":function (attribute, value, messages, deferred, $form) 
{yii.validation.boolean(value, messages, 
{"trueValue":"1","falseValue":"0","message":"Remember me must be either "1" or 
"0".","skipOnEmpty":1});}}], []);
});</script></body>



If someone can take a look at it, and maybe provide help, I'd really appreciate it!
Thanks!


当点击复选框时,它实际上会发生变化,但复选框显示的框实际上是一个丢失的字形。

复选框的unicode是\f046,之前也有类似的问题。

Font真棒unicode"\f046";未显示在Chrome 中

复选框unicode

因此,它可能是你导入的css代码中的一个问题,只需找到它并修复

最新更新