问题:当我单击复选框或其旁边的文本时,文本变为绿色,但复选框没有被选中。
问题:单击复选框时,如何将其选中?
我尝试了很多方法来解决这个问题,将值从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代码中的一个问题,只需找到它并修复