我希望能夠找出是否在包含多個字段集的表單中檢查了字段集中的任何單選按鈕,並且每個字段集都包含多個單選按鈕。在Jquery中,如何檢查字段集中的單選按鈕是否都未被檢查?
我目前能夠檢查選中的單選按鈕的數量,並通過高亮通過css addClass檢查零選區按鈕的字段集進行驗證。
見例如:http://jsfiddle.net/ykK2s/6/
我希望能夠找出是否在包含多個字段集的表單中檢查了字段集中的任何單選按鈕,並且每個字段集都包含多個單選按鈕。在Jquery中,如何檢查字段集中的單選按鈕是否都未被檢查?
我目前能夠檢查選中的單選按鈕的數量,並通過高亮通過css addClass檢查零選區按鈕的字段集進行驗證。
見例如:http://jsfiddle.net/ykK2s/6/
嘗試使用此
var validate = function() {
var count = 0;
var fieldSetWithCheckboxes = $('fieldset').each(function(index, item) {
if (($(item).find('input:radio').length > 0 && $(item).find('input:radio:checked').length === 0)) {
$(item).addClass('alert');
count++;
}
else{
$(item).removeClass('alert');
}
});
return (count > 0) ? false : true;
};
$('#multilistings').submit(function() {
var result = validate();
return result;
});
結賬例如:fiddle
注:我更新了一個愚蠢的字段集的HTML不具有任何複選框(這將不會突出顯示)
PS:很顯然你應該使用不同的類來突出錯誤:P
試試這個小提琴,我已經更新了你的函數http://jsfiddle.net/heera/ykK2s/9 這只是一個例子,你可以自定義它。
太棒了!非常感謝! – jaguarhaus 2012-02-19 03:48:09