Question

我有一个列表（id：lstName），我想在列表框中有一个链接（即全选），当用户点击全选链接时，列表中的所有项目都将被选中并且同时被选中时间链接的文本将从“全选”更改为“取消全选”，反之亦然。

由于我的页面中有另外三个列表框，有什么方法可以让我可以传递列表框ID和链接ID的常规功能，它将完成上述任务=

请帮助，我不知道javascript和jquery。

Answer 1

$(".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");
    }) ;

这应该有效。

Answer 2

你可以做这样的事情

<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>

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

2 个答案: