您好,欢迎访问本站博客!联系QQ:1343013953
  • 四象限时间管理法则:①重要且紧急的事;②重要但不紧急的事;③不重要但紧急的事;④不重要且不紧急的事

html数据提交前验证单选框和多选框是否选择了数据

CSS/Script wujinhua 2019-05-21 761 次浏览 0个评论
网站分享代码
单选框
<script> 
window.onload=function(){ 
/*在提交按钮上面加一个id="submit"*/ 
var submitBtn = document.getElementById("submit"); 
submitBtn.onclick = function () {
var val=$('input:radio[name="identity"]:checked').val();
if(val==null){
alert("请选择配送方式!");
return false;
	  }else{
    //  alert(val);
	}		
	}; 
	} 
	</script>

多选框

<script> 
	window.onload=function(){ 
	/*在gameid增加对检查按钮的验证*/ 
	var submitBtn = document.getElementById("submit"); 
	submitBtn.onclick = function () {
		var cbs = document.getElementsByTagName("input");
		var b = false;
		for(var i=0;i<cbs.length;i++){
		if(cbs[i].type == "checkbox" && cbs[i].checked){		        
		b = true;
		 }
		   }
		if(!b){
		alert("请至少选择一个商品支付");
		return false;
		}		
	   }; 
	} 
	</script>

<button type="submit" class="ny_orderb_right fleft" id="submit" style="font-size:30px; float:right;">去支付</button>

已有 761 位网友参与,快来吐槽:

发表评论

站点统计