Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.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 选择/取消选择列表中的所有复选框_Javascript_Jquery_Listbox_Toggle - Fatal编程技术网

Javascript 选择/取消选择列表中的所有复选框

Javascript 选择/取消选择列表中的所有复选框,javascript,jquery,listbox,toggle,Javascript,Jquery,Listbox,Toggle,我有一个列表(id:lstName),我想有一个与列表框的链接(即全选),当用户单击全选链接时,列表中的所有项目都将被选中,同时链接的文本将从“全选”更改为“全选”,反之亦然 由于我的页面中还有另外三个listbox,是否有任何方法可以让我拥有一个通用函数,在该函数中我可以传递listbox id和link id,它将完成上述任务= 请帮忙,我对javascript和jquery一无所知 $(".select-all").click(function() { $('#Is

我有一个列表(id:lstName),我想有一个与列表框的链接(即全选),当用户单击全选链接时,列表中的所有项目都将被选中,同时链接的文本将从“全选”更改为“全选”,反之亦然

由于我的页面中还有另外三个listbox,是否有任何方法可以让我拥有一个通用函数,在该函数中我可以传递listbox id和link id,它将完成上述任务=

请帮忙,我对javascript和jquery一无所知

$(".select-all").click(function() {
            $('#IstName select option').prop('selected',true);
            $(this).addClass("selected");
            $(this).text("Unselect All");
    }) ;
 $(".selected").click(function() {
            $('#IstName select option').prop('selected',false);
            $(this).removeClass("selected");
            $(this).text("Select All");
    }) ;

那应该行。

你可以这样做

<div>
    <button>Toggle</button>
    <a href="javascript:check_uncheck(1)">Select All</a>
    <a href="javascript:check_uncheck(0)" style="display:none;">Unselect All</a>
</div>

<input type="checkbox" class="selection">
<input type="checkbox" class="selection">
<input type="checkbox" class="selection">

<script>
$("button").click( function(){
    $("a").toggle();
});

function check_uncheck(is_check){
    $.each( $('.selection'), function ( index, value ) { 
        if ( is_check ) { 
            $(value).attr('checked', true); 
        } 
        else{ 
            $(value).attr('checked', false); 
        } 
    });
}
</script>

切换
$(“按钮”)。单击(函数(){
$(“a”).toggle();
});
功能检查\u取消选中(是否检查){
$.each($('.selection'),函数(索引,值){
如果(正在检查){
$(值).attr('checked',true);
} 
否则{
$(值).attr('checked',false);
} 
});
}

您可以对所有3个列表框使用相同的类。。。这不符合你的需要吗。。!如果“否”,则显示一些代码函数listbox_selectall(listID,isSelect){var listbox=document.getElementById(listID);for(var count=0;count