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、效果演示