jQuery中的checked選擇器是一種非常方便的選擇器,可以用于選中已經被選中的復選框和單選框。
$(document).ready(function(){ $("input:checked").next().css("color", "red"); });
上面的代碼會選中頁面中所有被選中的input元素,并將它們的下一個兄弟元素的字體顏色設置為紅色。
值得注意的是,使用checked選擇器并不需要勾選后才能生效,只要默認為選中狀態也可以生效。
已選中未選中
$(document).ready(function(){ $("input:checked").next().css("color", "red"); //選中第一個復選框 });
使用checked選擇器可以方便地進行復選框和單選框的操作,例如勾選全部復選框:
全選選項1選項2選項3
$(document).ready(function(){ $("input[name='checkall']").change(function(){ $("input[name='checkitem']").prop('checked', $(this).prop("checked")); }); });
上面的代碼會監聽全選復選框的改變事件,當該復選框被勾選時,所有選項復選框也會被勾選,反之亦然。
上一篇mysql一般存多大空間
下一篇單行圖片列表瀏覽css