Thứ Hai, 28 tháng 10, 2019

Checkbox check only one without ListItem

<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