Javascript 如何使用jQuery获取所有数据id输入类值,其中数据id与当前关注的字段数据id相同?
我已经输入表单html如下Javascript 如何使用jQuery获取所有数据id输入类值,其中数据id与当前关注的字段数据id相同?,javascript,jquery,html,function,onkeyup,Javascript,Jquery,Html,Function,Onkeyup,我已经输入表单html如下 <input type="text" class="form-control featurecat-item featurecat" value="" data-id="1"> <input type="text" class="form-control featurecat-label featurecat" value="" data-id="1"> <input type="checkbox" class="filled-in fe
<input type="text" class="form-control featurecat-item featurecat" value="" data-id="1">
<input type="text" class="form-control featurecat-label featurecat" value="" data-id="1">
<input type="checkbox" class="filled-in featurecat-isactive featurecat" data-id="1">
<input type="text" class="form-control featurecat-item featurecat" value="" data-id="2">
<input type="text" class="form-control featurecat-label featurecat" value="" data-id="2">
<input type="checkbox" class="filled-in featurecat-isactive featurecat" data-id="2">
<input type="text" class="form-control featurecat-item featurecat" value="" data-id="3">
<input type="text" class="form-control featurecat-label featurecat" value="" data-id="3">
<input type="checkbox" class="filled-in featurecat-isactive featurecat" data-id="3">
<input type="text" class="form-control featurecat-item featurecat" value="" data-id="4">
<input type="text" class="form-control featurecat-label featurecat" value="" data-id="4">
<input type="checkbox" class="filled-in featurecat-isactive featurecat" data-id="4">
如何在jQuery中使用它
要获取数据属性,请使用.data'id'或.attr'data-id'
要选择具有此数据属性的元素,请使用[data id=…]选择器
还要检查:选中您可以使用。is':checked'
$document.readyfunction{
$.featurecat.onchange粘贴键控,函数{
//.........
//var current_id=当前聚焦字段数据id
//获取.featurecat项、.featurecat标签、.featurecat为活动类输入值,数据id等于当前\u id
//.........
var ThisInput=$this;
var data_id=ThisInput.data'id';
var item=$'.featurecat item[data id='+data_id+']']'.val;//.replace/,/g;
var label=$'.featurecat label[data id='+data_id+']']'.val;//.replace/,/g;
var isactive=$”。featurecat isactive[data id='+data_id+']'。is':选中“?1:0;
var数据=项目:+项目+|标签:+标签+| isactive:+isactive;
控制台日志数据;
};
};
$(document).ready(function(){
$(".featurecat").on("change paste keyup", function() {
//.........
// var current_id = Current focused field data-id
// Get the .featurecat-item, .featurecat-label, .featurecat-isactive class input value which data-id is equal to current_id
//.........
var item = $('.featurecat-item').val().replace(/,/g, "");
var label = $('.featurecat-label').val().replace(/,/g, "");
var isactive = ($(".featurecat-isactive").prop('checked') == true) ? 1 : 0;
var data = "item:"+item+"| label:"+label+"| isactive:"+isactive;
console.log(data);
});
});