Question

如何将两个功能合并为一个？

基本上我喜欢运行一个函数，如果是最后一个元素 variant--group ＆＃34;更改＆＃34; `或＆＃34;已检查＆＃34;

＆＃34;变更＆＃34;功能

$(".variant--group").last().find(".option--input").on("change", function() {
//alert
});

＆＃34;检查＆＃34;功能

$(".variant--group").last().find(".option--input").attr("checked", function() {
//alert
});

Answer 1

试试这个

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(document).on('change','.option',function(){
        alert('Changed');
    });


});
</script>

<body>

    <select class="option">
        <option>apple</option>
        <option>mango</option>
        <option>orange</option>
    </select>

Car<input type="checkbox" class="option" value="Car" />
Bike<input type="checkbox" class="option" value="Bike" />

Answer 2

您不需要两个函数来检查不同输入类型的更改。更改值时，将在复选框或文本框中触发.on（＆＃34;更改＆＃34;）事件。在事件触发并发现更改后，您可能需要检查是否选中了复选框，为此请执行以下操作：

$(".variant--group").last().find(".option--input").is(":checked")

Answer 3

看起来你想要2个事件的单个事件处理函数您可以使用以下语法将两个事件处理程序组合在一起

$("<Selector>").on("change blur",function(){
// alert
});

工作小提琴 http://codepen.io/anon/pen/EKqJaw

如何将两个功能合并为一个？

3 个答案: