zoukankan      html  css  js  c++  java
  • 如何获取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);

  • 相关阅读:
    Android 测试工具集01
    Android ImageView的ScaleType属性
    Android Webview与Html5交互
    Java Notes 00
    Android 显示原理简介
    Android开发在路上:少去踩坑,多走捷径
    Android_Dialog cancle 和dismiss 区别
    SpringMVC框架
    Redis持久化
    Redis集群
  • 原文地址:https://www.cnblogs.com/peng14/p/3338600.html
Copyright © 2011-2022 走看看