如何获取input自定义属性

时间:2024-01-01 09:36:21

javascript方法:

<input type="checkbox"  name="sdf"  data="这是自定义属性" />

因为data不是input标签原生的属性,所以不能使用"点"操作。

非标准属性,要用:obj.getAttribute("data");的方式。

错误的用法:var data = obj.data;

删除自定义属性:

javascript:

removeAttribute();

jquery用法:

$("ul li:eq(1)").removeAttr ("title");

原创示例:

html:

<input type="checkbox"  hlp="uu"/>
<input type="checkbox"  yyy="uu"/>
<input type="checkbox"  aaa="uu"/>
<input type="checkbox"  hlp="uu"/>
<input type="checkbox"  ddd="uu"/>

JS:

window.onload=findOwnProperty;
function findOwnProperty(){
 var inputs=document.getElementsByTagName("input");
 for( var i=0;i<inputs.length;i++){
  if(inputs[i].getAttribute("hlp")){
   inputs[i].setAttribute("hlp","123456")
      }
   }
 }

通过jquery方法:

$("form").attr("check");   删除removeAttr();
$("form").prop("check");
两种都可以,不过新版jquery推荐第二种,两个在其他方面都差不多,我发现的唯一不同就是在checkbox上的时候,需要用prop,不然IE浏览器会不兼容

p.s:

attr(属性名, 属性值)   //设置属性的值 (为所有匹配的元素设置一个属性值。)
jquery中val()与之类似,
$(this).val();获取某个元素节点的value值,相当于$(this).attr("value");
$(this).val(value);设置某个元素节点的value值,相当于$(this).attr("value",value);