如何获取input自定义属性

 

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);