Jquery 函数 - 具有相同名称的复选框

Question

我有大约 20 个具有相同名称的复选框，但 id 值不同

 <input type="checkbox" name="device" id="1_2"/>
 <input type="checkbox" name="device" id="10_4"/>
 <input type="checkbox" name="device" id="5_6"/>
 <input type="checkbox" name="device" id="4_0"/>
 <input type="checkbox" name="device" id="8_9"/>
 <input type="checkbox" name="device" id="3_4"/>

我想要一个函数，如果我点击一个复选框，那么我会收到一个带有 ID 值的警报

例如，如果我单击第一个复选框

alert("Value before _ : 1 - Value after _ : 2")

我怎样才能做到这一点？

Answer 1

这是一个示例:jsfiddle

希望它是您所需要的，祝您玩得开心。

HTML:(向输入添加一个类)

 <input class='try' type="checkbox" name="device" id="1_2"/>
 <input class='try' type="checkbox" name="device" id="10_4"/>
 <input class='try' type="checkbox" name="device" id="5_6"/>
 <input class='try' type="checkbox" name="device" id="4_0"/>
 <input class='try' type="checkbox" name="device" id="8_9"/>
 <input class='try' type="checkbox" name="device" id="3_4"/>

脚本:(点击事件)

$('.try').click(function() {
    var idd= $(this).attr('id');
    var explode = idd.split('_');
    alert('Value before:' + explode[0] + ' - Value after:' + explode[1]);
});