Установите / снимите все флажки в списке

Question

У меня есть список (id: lstName), я хочу иметь ссылку со списком (т.е. выбрать все), когда пользователь нажимает на ссылку выбрать все, все элементы в списке будут выбраны и в то же время время, когда текст ссылки будет изменен с «выбрать все» на «отменить выбор всех», и наоборот.

Поскольку у меня есть три других списка на моей странице, есть ли какой-нибудь способ, которым я могу иметь общую функцию, в которой я могу передать идентификатор списка и идентификатор ссылки, и он выполнит вышеуказанную задачу =

Пожалуйста, помогите, я понятия не имею о 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>