我有大约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")
我该怎么做?
答案 0 :(得分:1)
这就是你要找的东西
$(document).ready(function () {
$('input[type="checkbox"]').click(function(){
var vals = this.id.split('_');
alert("Value before _ : "+vals[0]+" - Value after _ : " + vals[1])
})
})
单击每个复选框时调用此函数。它使用javascript的split函数将分割 id属性值转换为数组。
答案 1 :(得分:1)
这是你需要的吗? Demo
$('input:checkbox[name="device"]').click(function(){
var id = $(this).attr('id');
alert( 'Value before:' + id.split('_')[0] + ' - Value after:' + id.split('_')[1] );
});
答案 2 :(得分: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"/>
SCRIPT :(点击事件)
$('.try').click(function() {
var idd= $(this).attr('id');
var explode = idd.split('_');
alert('Value before:' + explode[0] + ' - Value after:' + explode[1]);
});
答案 3 :(得分:0)
$("input[type=checkbox]").click(function(){
arr = $(this).attr("id").split("_");
alert("Value before _ :"+arr[0]+" Value after _ :"+arr[1]);
});
这里是 jsFiddle
答案 4 :(得分:0)
$("input[type=checkbox]").click(function(){
alert($(this).attr("id"))
});
答案 5 :(得分:0)
我希望这会有所帮助:
$('input:checkbox[name="device"]').click( function(){ var selected_data = $(this).attr('id').split('_'); alert('Value before _ : ' + selected_data[0] + ' - ' + 'Value after _ : ' + selected_data[1]); });