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的最后一个子节点
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; } }
相关文章推荐
- JS判断checkbox至少选择一项
- 使用JS判断checkbox是否至少有选择一项
- js获取外层标签(排除标签里面的内容)
- 通过JS注入的方式获取title标签里面的内容
- js判断checkbox是否至少有选择一项
- JS原生属性选择器querySelector----通过href属性获取对应a标签的Dom元素
- js函数获取html中className所在的内容并去除标签
- jquery通过id或name获取标签的值,以及简单的js正则表达式
- js获取fck文本编辑器内的内容,不包括html标签在内
- 判断checkbox是否至少有选择一项
- 原生js获取execl里面的值 主要使用ActiveXObject
- 原生JS实现表单checkbook获取已选择的值
- js之checkbox的代码全选/全不选,使用id获取元素,而不是name
- C#--利用Random类产生10个[10,99]之间的随机数,并将这10个随机数在列表框中显示出来,每个数占一项。用户选择某项后,在右边标签中显示所选内容
- 左边select内容选择到右边select内容里面的js实现方法(可以多选和全选)
- 原生js ActiveXObject获取execl里面的值
- js获取radio/checkbox内容的的两个例子
- 左边select内容选择到右边select内容里面的js实现方法(可以多选和全选)
- 利用Random类产生10个[10,99]之间的随机数,并将这10个随机数在列表框中显示出来,每个数占一项。用户选择某项后,在右边标签中显示所选内容。
- input标签里面的name与value的区别