<span class="group1"><input id="CheckBox1" type="checkbox" name="CheckBox1" /></span>
<span class="group1"><input id="CheckBox2" type="checkbox" name="CheckBox2" /></span>
<span class="group1"><input id="CheckBox3" type="checkbox" name="CheckBox3" /></span>
$('[type=checkbox]').each(function() {
var clienClassName = $(this).parent().attr('class');
$(this).click(function(e) {
// ensure proper event
//if (!e) e = window.event;
//var sender = e.target || e.srcElement;
//if (sender.nodeName != 'INPUT') return;
var clientId = $(this).attr('id');
var isChecked = $(this).is(":checked");
//không cho thay đổi item đã click
if (isChecked == false)
$(this).prop('checked', true);
$('.' + clienClassName).each(function() {
//this là thẻ span
var checkId = $(this).children().first().attr('id');
if (checkId != clientId) {
$('#' + checkId).prop('checked', false);
}
});
});
});
Không có nhận xét nào:
Đăng nhận xét