Abrar Kazi Ответов: 1

Как сохранить проверенные значения флажков таблицы для проверки в режиме редактирования ?

When i am in Edit mode i have a Update Button which should be enabled only when checkboxes are changed for example there are 2 records in edit mode :

Branches ||      Manage           ||       Email
ABC      ||  (CheckBox Checked)   || (CheckBox UnChecked)
PQR      ||  (CheckBox UnChecked) || (CheckBox UnChecked)

Now only if i change any of the above checkboxes then only the Update button should be enabled. If i change but again i keep the same above checks then it should again be disabled as new changed value is same as the previous value


Что я уже пробовал:

Я использую jquery для каждого клика tr, но я не знаю, как хранить значения каждого флажка каждого tr для сравнения после изменения значений.

1 Ответов

Рейтинг:
8

Karthik_Mahalingam

проверить это

<html>
<head title="">

    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>
    <script>
        var initialstate = '';
        var changedstate = '';
        $(function () {
            $('.myclass').each(function (i, elem) {
                initialstate += (elem.checked ? '1' : '0') + '-';
                changedstate += (elem.checked ? '1' : '0') + '-';
            });

            $('.myclass').on('click', function () {
                changedstate = '';
                $('.myclass').each(function (i, elem) { changedstate += (elem.checked ? '1' : '0') + '-' });
            });
           
        });
        function validate()
        {
            if (initialstate == changedstate) { alert('no changes'); }
            else
                alert('data changed!');

        }
    </script>
</head> 
<body>
    <table>
        <tr>
            <td>Branches</td>
            <td>Manage</td>
            <td>Email</td>
        </tr>
        <tr><td>ABC</td><td><input type="checkbox" checked="checked" class="myclass"></td><td><input type="checkbox" class="myclass"></td></tr>
        <tr><td>PQR</td><td><input type="checkbox" class="myclass"></td><td><input type="checkbox" class="myclass"></td></tr>
    </table>
    <button onclick="validate()">submit</button>
</body>
</html>


демонстрация:- JSFiddle[^]

Abrar Kazi

Спасибо, Картик.

Karthik_Mahalingam

добро пожаловать Абрар

Abrar Kazi

Работать отлично.

Karthik_Mahalingam

крутой

Abrar Kazi

on click должен быть вне $(function () {}) вот что я изменил.

Karthik_Mahalingam

это отображение событий, вы можете писать в любом случае.

Abrar Kazi

ладно