2015-11-23 90 views
1

如果複選框被選中,我想顯示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> 
+4

只是使用:if($(this).is(「:checked」)) – DinoMyte

+0

你可以發佈一個重現問題的小提琴嗎? – brso05

+1

該代碼不應該拋出這樣的錯誤。罪魁禍首必須是別的。 – undefined

回答

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>

相關問題