我有一個名爲attendance的單選按鈕,如果未選擇「是」或「否」,我如何創建錯誤。目前用戶可以提交表單,如果任何一個按鈕沒有被選中,我不想要。如何檢查單選按鈕是否使用jquery進行檢查
<script src="jquery.js"></script>
<script>
$(function(){
function validate(id){
var enabled = ($("input[name='attendance" + id + "']:checked").val() == 'Yes');
if(enabled){
//Please select option is selected
if($("#colour" + id)[0].selectedIndex == 0){
alert('Please make your colourselection');
return false;
}
//Please select option is selected
if($("#shade" + id)[0].selectedIndex == 0){
alert('Please select your shade');
return false;
}
}
return true;
};
$("input[name^='attendance']").click(function() {
var id = this.name.replace('attendance', '');
$("#colour" + id + ", #sahde" + id).prop("disabled", this.value == 'No');
validate(id);
});
$("input:submit").click(function(){
var retVal = true;
$.each([1, 2, 3, 4], function(i, val){
retVal = (validate(val) && retVal);
});
return retVal;
});
});
$(document).ready(function(){
$("input[name=attendance1]:checked").triggerHandler('click');
});
});
if (!($("input[name='attendance1']:checked").val())) {
alert('Nothing is checked!');
return false;
});
</script>
我想你可能想看看jquery驗證插件http://docs.jquery.com/Plugins/Validation它可以讓你指定一個字段,如果沒有大量的代碼 – 2012-02-28 00:52:40