导航:首页 > 编程语言 > js通过属性值获取对象

js通过属性值获取对象

发布时间:2024-12-11 19:04:28

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

阅读全文

与js通过属性值获取对象相关的资料

热点内容
java设置jpanel大小 浏览:654
文件图片能传淘宝吗 浏览:248
孙的区位代码 浏览:934
存储卡文件夹在哪里 浏览:666
r11手机短信存在哪个文件夹 浏览:549
数据前处理有什么作用 浏览:47
dnf90版本漫游最强装备 浏览:962
华为mt2系统升级 浏览:216
linux粘贴文件命令 浏览:555
苹果手机卸载应用程序 浏览:227
proe50视频教程工程图入门到精通 浏览:324
车载sd卡歌曲文件放哪里 浏览:883
教你如何走到哪里都有网络 浏览:601
青岛bi大数据培训机构有哪些 浏览:224
rpgmv文本在哪个文件 浏览:161
一般的视频缓存在哪个文件夹 浏览:960
javafortry 浏览:588
办公文件软件图片 浏览:814
js形参当实参用 浏览:275
华为微信无法连接网络 浏览:668

友情链接