js 操作单选，多选, input 空值检测

最新推荐文章于 2024-06-06 10:38:36 发布

原创最新推荐文章于 2024-06-06 10:38:36 发布 · 243 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#c# #javascript #ViewUI

Html & Javasctipt 专栏收录该内容

55 篇文章

订阅专栏

<script type="text/javascript">

function getCateVal(){
var cate="";
var length=document.getElementsByName("cateId").length;
for(i=0;i<length;i++){
	if(document.getElementsByName("cateId")[i].checked){
		cate+=",'"+document.getElementsByName("cateId")[i].value+"'";
	}
	
}
cate=cate.substring(1);
alert(cate);
//alert(document.getElementsByName("cateId")[0].checked);

}
function getCateVal1(){
var cate="";
var length=document.getElementsByName("cateId1").length;
for(i=0;i<length;i++){
	if(document.getElementsByName("cateId1")[i].checked){
		cate+=",'"+document.getElementsByName("cateId")[i].value+"'";
	}
	
}
cate=cate.substring(1);
alert(cate);
//alert(document.getElementsByName("cateId")[0].checked);

}


</script> 
 <input name="cateId" type="checkbox" value="1" onclick="getCateVal()" />面向质量
 <input name="cateId" type="checkbox" value="2" onclick="getCateVal()" />面向维护 
 <input name="cateId" type="checkbox" value="3" onclick="getCateVal()" />面向经营


 <input name="cateId1" type="radio" value="1" onclick="getCateVal1()" />面向质量
 <input name="cateId1" type="radio" value="2" onclick="getCateVal1()" />面向维护 
 <input name="cateId1" type="radio" value="3" onclick="getCateVal1()" />面向经营

<script src="jquery.min.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){







$("#keyword").each(function(){
	  $(this).focus(function(){
		
	  if( $(this).val() == $(this).get(0).defaultValue ){
	  $(this).val("");
	  }
	  });
	  $(this).blur(function(){
	
		  if( $(this).val() == "" ){
		  $(this).val( $(this).get(0).defaultValue );
		  }
		  })
	  });


});

function tt(){
var allId = new Array("keyword","keyword1","file");

	checkNull(allId);
}
function checkNull(ids){
	for(var i=0;i<ids.length;i++){
		if(document.getElementById(ids[i])){
			if(document.getElementById(ids[i]).value==""){				
				var id=ids[i]+"Label";
				if(document.getElementById(id)){
					alert($('#'+id).html()+"字段不能为空");
					return ;
				}
				
				}
			}
	}
}

</script>
<span id="keywordLabel">布署包1</span>
<input type="text" name="keyword" id="keyword" /> <br/><br/>
<span id="keyword1Labelf">布署包2</span>
<input type="text" name="keyword1" id="keyword1" /><br/><br/>

<input id="img" name="img" type="file" /><br/><br/><br/>

<input id="deployPackage" name="deployPackage" type="file" /><br/><br/>

<input style="width:80px;" class="btn-01" type="button" value="注册" onclick="tt()"/><br/>
<div id="showStar"></div>