使用Javascript从按钮获取自定义属性

Get custom property from a button using Javascript

本文关键字：获取 自定义属性 按钮 Javascript 使用      更新时间：2024-05-29

我在HTML中有这个按钮，上面有我定义的属性（数据过滤器参数）：

<button class="button" type="submit" data-filter-params="{'Type', 'Filter.Type'},{'Code','Filter.Code'}" >Filter</button>

如何使用JavaScript''JQuery数据过滤器参数的值

纯javascript

var btn = document.getElementsByClassName('button')[0];
console.log(btn.dataset.filterParams)

jQuery

console.log($('.button').data('filter-params'));

这应该可以解决

var value
$(function(){
   value = $('button').attr('data-filter-params')
})

JSfiddle：https://jsfiddle.net/mayank_shubham/3k97gg9k/

这很容易，

HTML:

<button id="btnSubmit" class="button" type="submit" data-filter-params="{'Type', 'Filter.Type'},{'Code','Filter.Code'}" >Filter</button>

jQuery:

var attr = $('#btnSubmit').attr('data-filter-params');
alert(attr)
相关文章：