javascript - jquery 函数 - 多个输入/1 个函数

标签 javascript jquery

我有以下 3 个操作,这些操作实质上是在单击标签时检查单选按钮。有没有办法将它们写成一个函数而不是 3 个单独的函数?

$("input[name='customOrder-qty']").on('click', function() {
    $('#qtyPackage-custom').prop('checked', true);  
 });

$("input[name='customOrder-price']").on('click', function() {
    $('#qtyPackage-custom').prop('checked', true);  
 });

$("input[name='customOrder-name']").on('click', function() {
    $('#qtyPackage-custom').prop('checked', true);  
 });

谢谢

最佳答案

有几种方法可以做到:

一个是为事件组合你的选择器,这样你就可以拥有

$("input[name='customOrder-qty'], input[name='customOrder-price'], input[name='customOrder-name']").on('click', function() {
    $('#qtyPackage-custom').prop('checked', true);
});

另一种是将绑定(bind)的代码定义为一个实际的函数,并从每个事件绑定(bind)中调用该函数

$("input[name='customOrder-qty']").on('click', doStuff);

$("input[name='customOrder-price']").on('click', doStuff);

$("input[name='customOrder-name']").on('click', doStuff);

function doStuff()
{
    $('#qtyPackage-custom').prop('checked', true);
}

或者你可以将这两种方法结合起来得到以下结果

$("input[name='customOrder-qty'], input[name='customOrder-price'], input[name='customOrder-name']").on('click', doStuff);

function doStuff()
{
    $('#qtyPackage-custom').prop('checked', true);
}

关于javascript - jquery 函数 - 多个输入/1 个函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16950489/

相关文章:

jquery - 为什么 str.substr(0,4) 不是函数?

javascript - 如果 Internet Explorer 将打印页面大小调整为 60%

javascript - 获取加载到 <div> 容器中的页面的链接

javascript - 修改后图像 slider 不起作用

javascript - 将 for 循环的一部分放入 javascript 的函数中

javascript - 如何在 javascript 中连接两个数组?

javascript - 如何在没有 jquery 的情况下仅使用 javascript 进行无限滚动

javascript - 如何获取复杂对象的 JSON 字符串值?

javascript - 使用 .on() 检测不同输入的变化

javascript - 需要迭代包含 Vue 对象的数组