您的位置:首页 > Web前端 > JavaScript

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

2014-10-04 12:05 555 查看
原生: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;
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: