Javascript 复选框：单击“不”复选框_Javascript_Jquery_Html_Checkbox_Onclick

Javascript 复选框：单击“不”复选框

javascript jquery html checkbox

Javascript 复选框：单击“不”复选框,javascript,jquery,html,checkbox,onclick,Javascript,Jquery,Html,Checkbox,Onclick,我试图为复选框、单选按钮和选择框制作样式。我从ryanfait[]那里得到了一个插件，如果我们像他提到的那样编写HTML代码，它会工作得很好现在，我的问题不同了。HTML代码如下所示 <label class="checkBox"> <input type="checkbox" id="rememberMember" class="styled"/> Remember me </label> 或单击复选框-它不显示勾号。点击“记住我”

我试图为复选框、单选按钮和选择框制作样式。我从ryanfait[]那里得到了一个插件，如果我们像他提到的那样编写HTML代码，它会工作得很好

现在，我的问题不同了。HTML代码如下所示

<label class="checkBox">
    <input type="checkbox" id="rememberMember" class="styled"/>
    Remember me
</label>

或

单击复选框-它不显示勾号。点击“记住我”文本-显示勾号。我认为问题在于标签

有没有可能编辑JS文件？ JS文件：

我输入了JSFIDLE，但它没有加载图像！！

一个可能的解决方案是为输入字段分配一个标识符并应用

$( "#myObj" ).click(function() {
    // This is what gets executed onClick
    $( "#myCheckbox" ).prop("checked", true);
});

js文件中可能存在冲突，您可以在web浏览器的控制台中找到jquery错误。要解决此错误，您需要确定控制台错误的解决方案。

从下载js和css

完整代码

试试这个代码。这将在单击带有类“checkbox”的标签时选中您的复选框

<script>
    $('.checkBox').click(function() {
      $("#rememberMember").prop("checked", true);
    });
</script>

为关闭输入标记而编辑。我需要将其添加到某个事件的custom-form-elements.js？中。根据您的实现定制选择器。否。我在控制台中看不到任何错误。我使用的是firebug。我建议你使用google chrome而不是firebug，google chrome更有助于发现关于js冲突的问题。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <link rel="stylesheet" href="http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/form.css" />
  <script src="http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/custom-form-elements.js"></script>
</head>
<body>
  <input type="checkbox" id="rememberMember" class="vAlignMiddle styled" name="remember_member_id" />
<span class="checkBoxLabel">Remember me</span>
  <br/>
  <label>
    <input type="radio" class="styled" name="radio"/> Yes
</label>
<br/>
<label for="radio_no"> 
<input type="radio" class="styled" name="radio" id="radio_no">
No</label>
</body>
</html>

<script>
    $('.checkBox').click(function() {
      $("#rememberMember").prop("checked", true);
    });
</script>