jquery如何使用正则选择器获取 name 并且监听？

Question

<input type="hidden" class="textbox-value" name="taxnation1" value="AN">
<input type="hidden" class="textbox-value" name="taxnation2" value="AN">
<input type="hidden" class="textbox-value" name="taxnation3" value="AN">

获取name开头为taxnation的input 并且监听着当value发生变化的时候进入一个方法，这个要怎么写？

Answer 1

jq使用的选择器就是css选择器，css写法没有正则匹配的写法，但是有几个属性选择器虽然不是正则，但有一点那个味道，可以解决你的问题。
1、[attr]：表示某一具体属性名称

2、elem[attr]：表示页面某一具体元素
3、[attr1][attr2]：匹配 即附带attr1属性，同时也附带attr2属性的 页面元素
4、[attr=value]：匹配页面中附带attr属性并且值为value的页面元素
5、[class~=value]：匹配页面中附带class属性的元素
6、[attr^=value]：匹配页面中附带attr属性，并且值是以value字符作为开始的元素
7、[attr*=value]：匹配页面中附带attr属性，并且值中包含value字符的页面元素
8、[attr$=value]：匹配页面中附带attr属性，并且值是以value字符作为结尾的页面元素

你这里就可以直接使用属性选择器去监听事件就可以了，具体监听input事件还是change事件，还是都监听，看你业务逻辑

$('input[name="^taxnation"]').on('input change', function(){
    //fn()
})

Answer 2

可以参考下这个
https://codesandbox.io/s/infa...