获取checkbox后面的文本内容 - 罗小亭

http://alygle.blog.51cto.com/1922399/669040

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>获取checkbox后的文本</title> 
</head> 
<script language="javascript"> 
function getChkValue(){  
    var obj=document.getElementsByName("intrests");  
    for(var i=0;i<obj.length;i++){  
         if(obj[i].checked){  
         alert(obj[i].value+","+obj[i].nextSibling.nodeValue);  
       }  
    }       
}  
</script> 
<body> 
   <form name="form1" method="post" action=""> 
      <input type="checkbox" name="intrests" value="1">a<br> 
      <input type="checkbox" name="intrests" value="2">b<br> 
      <input type="checkbox" name="intrests" value="3">c<br> 
      <input type="checkbox" name="intrests" value="4">d<br> 
      <input type="checkbox" name="intrests" value="5">e<br> 
      <input type="checkbox" name="intrests" value="6">f<br> 
      <input type="checkbox" name="intrests" value="7">g<br> 
      <input type="checkbox" name="intrests" value="8">h<br><br> 
      <input type="button" onclick="getChkValue()" value="提交"> 
   </form> 
</body> 
</html>

posted on 2016-01-12 14:13 罗小亭阅读(1919) 评论(0) 收藏举报

刷新页面返回顶部