我有一个名为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