Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/azure/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使jQuery中的元素可以选择或取消选择?_Javascript_Css_Jquery Ui - Fatal编程技术网

Javascript 如何使jQuery中的元素可以选择或取消选择?

Javascript 如何使jQuery中的元素可以选择或取消选择?,javascript,css,jquery-ui,Javascript,Css,Jquery Ui,如何使jQuery中的元素可以选择或取消选择?目前,关于如何使用jQuery Selective的文档已经很好地记录了,但从未提及如何再次取消选择所选元素。有什么想法吗 <script> $(function() { $( "#selectable" ).selectable({ stop: function() { var result = $( "#select-result" ).empty(); $(

如何使jQuery中的元素可以选择或取消选择?目前,关于如何使用jQuery Selective的文档已经很好地记录了,但从未提及如何再次取消选择所选元素。有什么想法吗

<script>
$(function() {
    $( "#selectable" ).selectable({
        stop: function() {
            var result = $( "#select-result" ).empty();

            $( ".ui-selected", this ).each(function() {
                var index = $( "#selectable li" ).index( this );
                result.append( " #" + ( index + 1 ) );
            });
        }
    });
});
</script>

<ol id="selectable">
    <?php
        for($i=1;$i<=9;$i++) {
            echo "<li id=\"field_$i\" class=\"ui-state-default\">$i</li>";
        }
    ?>
</ol>

$(函数(){
$(“#可选”)。可选({
停止:函数(){
var result=$(“#选择结果”).empty();
$(“.ui已选定”,此).each(函数(){
var指数=$(“#可选li”)。指数(本);
结果。追加(“#”+(索引+1));
});
}
});
});

按住ctrl键并单击元素。它也可用于进行多项选择。

您的意思是通过编程方式?因为您可以按住control键并单击所选元素以取消选中它。是的,以编程方式。您只需删除添加到所选列表项中的类,
ui-selected
。使用“$('.\selectable.ui-selected')不会成功。removeClass('ui-selected');”对我有效。选择整个列表,然后等待几秒钟。我想将其编码为:如果选择了selectable中的一个元素,则取消选择它。是的,我看了一下,也在API中。