id就是方法名,如何调用;批量input怎么获取他们的key值作为参数

1、很多Dom的时候,一个个写会比较麻烦,我用ID记载他的方法名;

2、很多input,在数据交互的时候一个个获取会比较繁琐,给一个方法,批量获取。

 

<div id="searchStationList" class="btn-search">你好</div>

<input type='text' id='m-inp_stationCode' style='width:100%;' data-type='s_input' data-key='eqCode’/>

 

$(".btn-search").click(function() {  

var funcName = $(this).attr("id");  

var _key = getSearchKey('.box-Station');  

getFunName(funcName, _key);

});

$(".btn-search").each(function() {  

var funcName = $(this).attr("id");  

getFunName(funcName, null);

});

 

function getFunName(functionName) {

//根据函数名得到函数类型

  

var func = eval(functionName);

//创建函数对象,并调用

new func(arguments[1], arguments[2], arguments[3]);

}

 

function searchStationList(key,key2) {

  alert(1);

 }

 

 

 

 //js  jsonFilter

function getSearchKey(dom) {

var _SearchKeyArr = {};

$(dom + " *[data-type=s_input]").each(function() {

_SearchKeyArr[$(this).attr('data-key')] = $(this).val();

});

return JSON.stringify(_SearchKeyArr);

}

 

 //js pramater

function getSearchKey(dom) {

var _SearchKeyArr = {};

$(dom + " *[data-type=s_input]").each(function() {

var val = parseInt($(this).val());

if(val) {

_SearchKeyArr[$(this).attr('data-key')] = val;

}

});

return JSON.stringify(_SearchKeyArr);

}

 

转载于:https://www.cnblogs.com/chengmingxiaowu/p/7595201.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以通过以下步骤来实现 Vue input checkbox 的批量处理: 1. 在 Vue 模板中,使用 `v-model` 指令来创建一个 checkbox,并使用 `v-for` 指令循环渲染多个 checkbox。 ```html <template> <div> <input type="checkbox" v-model="checkAll"> 全选 <div v-for="item in items" :key="item.id"> <input type="checkbox" v-model="selectedItems" :value="item.id">{{ item.name }} </div> <button @click="batchHandle">批量处理</button> </div> </template> ``` 2. 在 Vue 实例中,定义一个 `items` 数组用于存储所有的选项,定义一个 `selectedItems` 数组用于存储选中的选项。 ```javascript export default { data() { return { items: [ { id: 1, name: '选项1' }, { id: 2, name: '选项2' }, { id: 3, name: '选项3' }, ], selectedItems: [], checkAll: false, }; }, }; ``` 3. 监听全选 checkbox 的点击事件,然后将其他 checkbox 的选中状态与它保持一致。 ```javascript export default { data() { return { // ... }; }, watch: { checkAll(newValue) { this.selectedItems = newValue ? this.items.map((item) => item.id) : []; }, }, }; ``` 4. 在处理批量操作时,直接使用 `selectedItems` 数组即可得到所有选中的选项。 ```javascript export default { data() { return { // ... }; }, methods: { batchHandle() { console.log('选中的项:', this.selectedItems); // 在这里执行批量操作,例如发送选中项到后台 }, }, }; ``` 通过以上步骤,您可以实现 Vue input checkbox 的批量处理功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值