如何获取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);
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步