js通過屬性值獲取對象

1. 如何用js讀取復選框的值

思路：首先利用name屬性值獲取checkbox對象，然後循環判斷checked屬性：如果為true表示被選中，false則表示未選中。

實例演示如下：

1、HTML結構

<inputtype="checkbox"name="test"value="1"/><span>1</span>
<inputtype="checkbox"name="test"value="2"/><span>2</span>
<inputtype="checkbox"name="test"value="3"/><span>3</span>
<inputtype="checkbox"name="test"value="4"/><span>4</span>
<inputtype="checkbox"name="test"value="5"/><span>5</span>
<inputtype='button'value='提交'onclick="fun()"/>

2、javascript代碼

functionfun(){
obj=document.getElementsByName("test");
check_val=[];
for(kinobj){
if(obj[k].checked)
check_val.push(obj[k].value);
}
alert(check_val);
}

3、演示效果

2. js裡面的getattribute在實際中有什麼用怎樣使用

js裡面的getAttribute(key)是獲取dom的屬性值，使用方法如下：

1、首先創建一個名稱為getAttribute 的html文件。

3. JS 怎樣才能根據屬性的值，找到該對象

// 獲取所有 input
var input = document.getElementsByTagName("input");
for(var i = 0;i < input.length;i++)
{
// 獲取第一個專屬性屬

var str = input[i].attributes[0].value;

if(str == "password")
{
alert(str);
}
}

4. js數組對象裡面如何返回某幾個屬性值相等的對象

可以用數組的filter方法，在回調裡面根據屬性判斷，留下或者不留下，之後回，會得到一個新答數組，存著的就是你想要的對象

比如說，

vararr=[1,2,3,4,5,6].filter(function(num){
returnnum%2===0
})

這裡面就是篩選出了1到6中的所有偶數

5. 用js，如何通過value獲得options的index編號

通過value獲得options的index編號的思路：獲取所有option選項數組→循環判斷value屬性→取得滿足要求的option的index值。如果獲取options的index編號的目的是為了將其設置為選中項，那麼可以有更簡單的方式——直接將select對象的value屬性值設置為需要選中項的value值即可。實例演示如下:

1、HTML結構

<selectid="test">
	<optionvalue="0">option-0</option>
	<optionvalue="1">option-1</option>
	<optionvalue="2">option-2</option>
	<optionvalue="3">option-3</option>
<select><br>
選中項value：<inputtype="text"id="val"><inputtype="button"value="確定"onclick="fun()">

2、javascript代碼

functionfun(){
	varval=document.getElementById("val").value;
	varselect=document.getElementById("test");//獲取select對象
	select.value=val;//設置選中項
	//下面獲取目標value值的option的index值
	index=0;
	for(i=0;i<select.length;i++){
		if(select[i].value==val){
			index=i;
			break;
		}
	}
	alert(index);
}

3、效果演示