现在的位置: 首页 > 综合 > 正文

js与原生 获取标签 里面的内容区别和checkbox name不一样至少选择一项

2018年01月27日 ⁄ 综合 ⁄ 共 1754字 ⁄ 字号 评论关闭

原生:var innerHTMl=divObj.innerHTML(注意这里是ie)


js: 获取当前对象  父元素  的   第一个子元素  标签里面的文字
var text=$(this).parent().children(":first").html();


var chils= s.childNodes;  //得到s的全部子节点

var par=s.parentNode;   //得到s的父节点

var ns=s.nextSbiling;   //获得s的下一个兄弟节点

var ps=s.previousSbiling;  //得到s的上一个兄弟节点

var fc=s.firstChild;   //获得s的第一个子节点

var lc=s.lastChile;   //获得s的最后一个子节点

	<h1>欢迎光临</h1>
	<br/>
	<b>至少选择一项(多选)</b>
	<ul>
		<li>
			<b>张姓名</b>
			<input type="hidden" LeastChooseMark="least_choose_one" />
			<div >
				<input type="checkbox" name="zsxzyx_z_1" value="1"  />张一
				<input type="checkbox" name="zsxzyx_z_2" value="2"  />张二
				<input type="checkbox" name="zsxzyx_z_3" value="4"  />张三
				<input type="checkbox" name="zsxzyx_z_4" value="8" />张四
			</div>
		</li>
		<li>
			<b>李姓名</b>
			<input type="hidden" LeastChooseMark="least_choose_one" />
			<div>
				<input type="checkbox" name="zsxzyx_l_1" value="1"  />李一
				<input type="checkbox" name="zsxzyx_l_2" value="2"  />李二
				<input type="checkbox" name="zsxzyx_l_3" value="8"  />李三
				<input type="checkbox" name="zsxzyx_l_4" value="16"  />李四
			</div>
		</li>
	</ul>

/**
 * 获取下一个元素
 * @param node  node.nextSibling;
 * @returns
 */
function getNextElement(node){    
    if(node.nextSibling.nodeType == 1){ 
    	//判断下一个节点类型为1则是“元素”节点   
        return node.nextSibling;    
    }    
    if(node.nextSibling.nodeType == 3){  
    	//判断下一个节点类型为3则是“文本”节点  ,回调自身函数  
        return getNextElement(node.nextSibling);    
    }    
    return null;
}

/**
 * 
 *  checkbox name不一样
 *  
 *  多选中至少选择一项
 *  判断checkbox是否选择
 *  @returns  true 选中其中一项 
 */
function isCheckboxCheck(inputObj){
	//获取下一个元素id
//	alert("33:"+getNextElement(inputObj.nextSibling).id);
	var divObj=document.getElementById(""+getNextElement(inputObj.nextSibling).id+"");
//	alert("divObjid:"+divObj.id);
	var divInput=divObj.getElementsByTagName("input");
	//alert("inputObj:"+divInput.length);
	var chestr="";
	for(var k=0;k<divInput.length;k++){
		if(divInput[k].checked){
			 chestr+=divInput[k].value+",";
			 break;
		}
	}
	if(chestr == ""){
	   //alert("请先选择一个!");
	   return false;
	 }else{
	   return true;
	}
}

抱歉!评论已关闭.