Question

在尝试找到为我的网站提供多个选定按钮的方法后，我发现jquery 1.8文件就是这样做的。作为编程和学习python和django的新手，我还没有深入研究javascript的世界。但到目前为止我所获得的是你可以在你的html中加入这些jquery文件，而无需在服务器端做任何事情。毕竟，在这种情况下，我只是想让我的按钮做一些事情。

现在，当我双击html文件时，jquery脚本正常工作，但是当我通过我的应用程序运行html文件时，它是非常的。因此，我相信在运行我的应用程序时，我必须在服务器端执行某些操作才能使其正常工作。

这有意义吗？

有问题的Html代码，我还没有修改视图文件中的任何内容。

<link rel="stylesheet" href="/home/jamie//Downloads/jquery-ui-1.8.10/themes/base/jquery.ui.all.css">
<script src="/home/jamie/Downloads/jquery-ui-1.8.10/jquery-1.4.4.js"></script>
<script src="/home/jamie/Downloads/jquery-ui-1.8.10/ui/jquery.ui.core.js"></script>
<script src="/home/jamie/Downloads/jquery-ui-1.8.10/ui/jquery.ui.widget.js">         </script>
<script src="/home/jamie/Downloads/jquery-ui-1.8.10/ui/jquery.ui.button.js"></script>
<link rel="stylesheet" href="/home/jamie/Downloads/jquery-ui-1.8.10/demos/demos.css">
<script>
$(function() {
    $( "#check" ).button();
    $( "#format" ).buttonset();
});
</script>

<style type="text/css">
table.ranking {position: absolute; top: 351; left: 450; }
ul {position: absolute; top: 400; left: 200; }   
format { margin-top: 2em; }   
</style>   

<div class="demo">

<input type="checkbox" id="check" /><label for="check">Toggle</label>

<div id="format">
<input type="checkbox" id="check1" /><label for="check1"> SQ </label>
<input type="checkbox" id="check2" /><label for="check2"> DL </label>
<input type="checkbox" id="check3" /><label for="check3"> BP </label>
<input type="checkbox" id="check4" /><label for="check4"> Snatch </label>
<input type="checkbox" id="check5" /><label for="check5"> CJ </label>
</div>
</div>

Answer 1

我怀疑各种jQuery文件（在您的代码中）的路径仅对您的本地副本有效，而不是您上传的副本。

尝试使用Google Code versions，它可以在任何地方使用（只要您的浏览器在线）：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/base/jquery-ui.css" />

（有关如何访问其他CSS主题，请参阅here。）

Answer 2

如果要通过选择/取消选择“切换”来选择或取消选中所有复选框，请尝试以下操作：

$(document).ready(function(){
            var checked = true;
            $('#check').click(function(){
                if (checked) {
                    $("#format input[type=checkbox]").attr('checked',true);
                    checked = false;
                } else {
                    $("#format input[type=checkbox]").attr('checked',false);
                    checked = true;
                }
            });
        });

通过我的应用程序访问时jquery脚本按钮不起作用

2 个答案: