jQuery中有一個很常用的選擇器——checked選中選擇器,可以方便地對表單中被選中的選項進行操作。
使用jQuery的checked選中選擇器,需要用到兩個方法:prop()和filter(),其中filter()方法可以篩選出特定元素集合,prop()方法可以對元素進行屬性的讀取和設置。
$("input[type='checkbox']:checked").filter(function() { return $(this).prop("checked"); }).each(function() { //TODO 對被選中的選項進行操作 });
以上代碼中,首先使用jQuery選擇器選取所有的type屬性為checkbox且被選中的元素,然后使用filter()方法篩選出被選中的元素集合。接著使用each()方法對篩選出的元素進行循環操作。
除了屬性為checked的元素,在Radio和Checkbox中還有一種屬性為selected的元素,可以用來選中單選框(Radio)和下拉列表中的選項。使用方式與checked類似,先選取所有被選中的元素,然后進行操作。
$selectOptions = $("select option:selected"); if($selectOptions.length === 0) { alert("請先選擇一個選項!"); } else { $selectOptions.each(function() { //TODO 對被選中的選項進行操作 }); }
以上代碼中,使用了select元素的選中選擇器,然后篩選出被選中的選項,并進行操作。
上一篇引入css的語句
下一篇mysql中一共多少數據