js怎么获取当前的索引值

JavaScript09

js怎么获取当前的索引值,第1张

用JS遍历就可以做,代码如下:

<ul id="test">

<ul>

<li>111</li>

<li>222</li>

<li>333</li>

<li>444</li>

</ul>

</ul>

<script>

window.onload=function(){

  var ul=document.getElementById('test')

  var ul_lis=ul.getElementsByTagName('li')

    for (var i = 0i < ul_lis.length i++) {

      ul_lis[i].index = i

      ul_lis[i].onclick=function(){

        var j=this.index+1

        alert(j)

      }

    }

}

</script>

如果想简单的放用Jquery很方便就可以获取。

<ul id="test">

<ul>

<li>111</li>

<li>222</li>

<li>333</li>

<li>444</li>

</ul>

</ul>

<script>

$("#test li").click(function(){

var index = $(this).index()+1

alert(index)

return false

})

</script>

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。

checkbox没有索引值 只能拿到value 可以通过value 计算出是第几个checkbox被选中

1.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2.<html xmlns="http://www.w3.org/1999/xhtml">

3.<head>

4.<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

5.<title>js学习文档</title>

6.selected(bb){

7.var temp=""

8.for(var i=0i<bb.r1.lengthi++)

9.{

10.if(bb.r1[i].checked)

11.//alert(bb.r1[i].value)

12.temp+=bb.r1[i].value+"<br>"

13.}

14.if(temp!="")document.write(temp)

15.}

16.</head>

17.<body>

18.<form>

19.<input type="checkbox" name="r1" value="CHINA" />中国

20.<input type="checkbox" name="r1" value="USA" />美国

21.<input type="checkbox" name="r1" value="ENGLAND" />英国

22.<input type="button" name="b1" value="view" onClick="selected(this.form)" />

23.</form>

24.</body>

25.</html>

也可以通过document.getElementsByName("r1") 来取 返回值是数组

var arr1 = [1,2,3,4,5,6,8]

var arr2 = [2,1,3,6,4,8,5]

var arr1Index = arr1.indexOf(5)

var arr2Index = arr2.indexOf(8)

alert(arr1[arr1Index])

alert(arr2[arr2Index]) var arr1 = [1,2,3,4,5,6,8]

var arr2 = [2,1,3,6,4,8,5]

for (var i = 0 i < arr1.length i++) {

    alert("arr1 Index:" + i + "arr1值" + arr1[i])

}

arr2.forEach(function(item, index) {

   alert("arr2 Index:" + index + "arr2值" + item)

})