Question

单击第一个复选框时，jQuery不会滑动。我相信这是正确的语法，但我不确定。我已在多个浏览器中查看过它，甚至将其上传到网站。但一切都无济于事。我的代码出了什么问题？

<!DOCTYPE html>
<html>
   <title>Test</title>
<head><script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>                    </script>
   <script>$(document).ready(function(){
   $('#test1').click(function(){
       if ($(this).attr('checked')) {
       $('#test12').slideUp('fast');
       } else {
       $('#test12').slideDown('fast');
       }
   });
   });
   </script>

   </head>
   <body>
   <h1>form test</h1>
   <span><input id="test1" type="checkbox">Hello<br></span>
   <span><input id="test12" type="checkbox">Yo</span>
   </body>
   </html>

Answer 1

您需要使用.prop('checked')代替.attr()

请参阅此处的属性与属性部分：http://api.jquery.com/prop/

Answer 2

试试这个（v1.6 +）

if ($(this).attr('checked') == "checked")

（1.6之前）..您的情况有效

if ($(this).attr('checked'))

Answer 3

您的if语句不正确。尝试将其更改为此。

if ($(this).is(':checked'))

http://api.jquery.com/is/

Answer 4

使用.change()。

JSFiddle：http://jsfiddle.net/PGPpC/

$('#test1').change(function(){
    $('#test12').slideToggle('fast');
});

jQuery没有正确滑动

4 个答案: