Jquery

Dùng jquery để chọn tất cả item trong select box

Đầu tiên ta xây dựng 1 file index.html chứa nội dung :

<select id="col_manager_list" multiple="multiple" name="RTCLMG[]">    
    <option>Must Select One</option>    
    <option value="<?php echo $value['col_manager']?>"></option>
</select>

    <a href="#" id="select_all_col_managers">Select All</a> 
              <!-- this is the select all part -->
    <a href="#" id="unselect_all_col_managers">Unselect All</a>
              <!-- this is the unselect all part -->

Sau đó bạn cho thêm đoạn jquery này vào :

$(document).ready(function() {
    $("#select_all_col_managers").click(function() {
        $("#col_manager_list").each(function(){
            $("#col_manager_list option").attr("selected","selected"); });
    }) ;

    $("#unselect_all_col_managers").click(function() {
        $("#col_manager_list").each(function(){
            $("#col_manager_list option").removeAttr("selected"); });
    }) ;

});

Như vậy khi bạn muốn chọn tất cả item trong select box bạn chỉ cần click Select All . Hoặc bỏ chọn tất cả …

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s