Javascript 如何从多个起点触发函数？

我有这个功能：

$(function() {
    $('#toggle-event').change(function() {
        if($(this).prop('checked') == true){
            $('.textfield, .editable_textfield').toggleClass('textfield editable_textfield');
            $('.textfield, .editable_textfield').editable('option', 'disabled', false);

            $('.editable_selectfield_1').editable({
                source: [
                      {value: 'ja', text: 'Ja'},
                      {value: 'nee', text: 'Nee'},
                   ],
                });
            $('.editable_selectfield_1').editable('option', 'disabled', false);
        }
        else
        {
            $('.textfield, .editable_textfield').editable('option', 'disabled', true);
            $('.editable_selectfield_1').editable('option', 'disabled', true);
        }
    });
})

此功能可通过以下方式触发：

<input id="toggle-event" type="checkbox" data-toggle="toggle" data-size="mini" data-on="<span class='glyphicon glyphicon-pencil'></span>" data-off="<span class='glyphicon glyphicon-pencil'></span>" data-onstyle="danger">

---

但是现在我想让这个按钮在同一页的多个地方显示。ID必须是uniqye才能运行脚本，如何实现这一点？

使用类名作为选择器，而不是ID。在切换项上使用相同的类名

<input class="toggle" id="toggle-event" type="checkbox".... >

 $('.toggle').change(function() { ....

$（'.toggle'）.change（函数（）{。。。。