javascript - 检查复选框属性时出错

Question

如果选中复选框，我想显示 div。如果没有的话，我想隐藏它。这是我的代码，但它不起作用。

$(".formularz_zgloszeniowy .firma input[type='checkbox']").change(function() {
    if(this.checked) {
        $(".formularz_zgloszeniowy .formularz_firma").css('display'​​​​​​​​​​​​​​​​​​​​​​​​​​​,'block');​​​​​​
    } 
    else 
    {
      $(".formularz_zgloszeniowy .formularz_firma").css('display'​​​​​​​​​​​​​​​​​​​​​​​​​​​,'none');​​​​​​
    }
}); 

我收到此错误:

Uncaught SyntaxError: missing ) after argument list

编辑: 以下是 head 标记中的完整代码:

<script type="text/javascript">
jQuery(document).ready(function($){

$(".formularz_zgloszeniowy .firma input[type='checkbox']").change(function() {
    if($(this).is(":checked")) {
        $(".formularz_zgloszeniowy .formularz_firma").css('display'​​​​​​​​​​​​​​​​​​​​​​​​​​​,'block');​​​​​​
    } 
    else 
    {
      $(".formularz_zgloszeniowy .formularz_firma").css('display'​​​​​​​​​​​​​​​​​​​​​​​​​​​,'none');​​​​​​
    }
});

});
</script>

Answer 1

您的代码中有一些不可见的字符导致了问题。这是您的代码在没有这些字符的情况下完美运行:

$(".formularz_zgloszeniowy .firma input[type='checkbox']").change(function(){
  if(this.checked) {
    $(".formularz_zgloszeniowy .formularz_firma").css('display','block');
  } 
  else {
    $(".formularz_zgloszeniowy .formularz_firma").css('display','none');
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="formularz_zgloszeniowy">
  <div class="firma">
    <input type="checkbox" value="test" /> Test checkbox
  </div>
  <div class="formularz_firma">Test div</div>
</div>

这是从您的问题中复制的带有这些不可见字符的代码，因此它不起作用:

$(".formularz_zgloszeniowy .firma input[type='checkbox']").change(function() {
    if(this.checked) {
        $(".formularz_zgloszeniowy .formularz_firma").css('display'​​​​​​​​​​​​​​​​​​​​​​​​​​​,'block');​​​​​​
    } 
    else 
    {
      $(".formularz_zgloszeniowy .formularz_firma").css('display'​​​​​​​​​​​​​​​​​​​​​​​​​​​,'none');​​​​​​
    }
}); 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="formularz_zgloszeniowy">
  <div class="firma">
    <input type="checkbox" value="test" /> Test checkbox
  </div>
  <div class="formularz_firma">Test div</div>
</div>