prasannakumarmp Ответов: 3

Проверьте снимите флажок внутри ретранслятора с помощью jQuery

Здравствуйте наш код таков как показано ниже просто мы хотим проверить все флажки внутри ретранслятора т. е."кбрупи" с помощью в jQuery при проверке флажка 'CheckAll'. Любая помощь, пожалуйста.....

<table>
    <tr>
        <th>A</th>
        <th>B</th>
        <th>C</th>
        <th>D</th>
        <th><asp:CheckBox ID="CheckAll" runat="server" CssClass="cbheader"/></th>
    </tr>
    <asp:Repeater runat="server" ID="rptrFeeDetails">
        <ItemTemplate>
            <tr>
                <td><%#Eval("A") %></td>
                <td><%#Eval("B") %></td>
                <td><%#Eval("C") %></td>
                <td><%#Eval("D") %></td>
                <td>
                    <div>
                        <asp:CheckBox ID="cbRupees" runat="server" CssClass="cbLevel"/>
                    </div>
                </td>
            </tr>
        </ItemTemplate>
    </asp:Repeater>
</table>

3 Ответов

Рейтинг:
2

Brian A Stephens

Я бы использовал CSS-классы для jQuery для идентификации флажков, поскольку идентификаторы элементов строятся динамически со стороны сервера.

$(document).ready(function() {
    $('.cbheader').on('click', function(e) {
        $('.cbLevel').prop('checked', $(this).is(':checked'));
    });
});


Это позволит установить все флажки, когда будет установлен флажок "проверить все", и снять все флажки, когда он будет снят.

prasannakumarmp

Дорогой Брайан А Стивенс,

Можете ли вы опубликовать полный код Java-скрипта?

Спасибо

Brian A Stephens

@prasannakumarmp: это все, что вам нужно. Просто оберните его в $(документ).готов (), хотя, чтобы быть уверенным. Я обновлю решение.

Рейтинг:
0

NavjotSingh_013

Создайте эти две функции jquery.

<function chkUncheckCommonGridAll(GridId, CheckHeader, CheckInner) {
    var listing = document.getElementById(GridId);
    var CHK = $('input:checkbox[id$=' + CheckHeader + ']', listing);

    if (CHK[0].checked) {
        $('input:checkbox[id$=' + CheckInner + ']', listing).attr('checked', true);
    }
    else {
        $('input:checkbox[id$=' + CheckInner + ']', listing).removeAttr('checked');
    }

}

function chksingleCommonInner(GridId, CheckHeader, CheckInner) {

    var listing = document.getElementById(GridId);

    //To uncheck the header checkbox when there are no selected checkboxes in itemtemplate
    if ($('input:checkbox[id$=' + CheckInner + ']:checked', listing).length == 0) {
        $('input:checkbox[id$=' + CheckHeader + ']', listing).removeAttr('checked');
    }
        //To check the header checkbox when there are all selected checkboxes in itemtemplate
    else if ($('input:checkbox[id$=' + CheckInner + ']:checked', listing).length == $('input:checkbox[id$=' + CheckInner + ']', listing).length) {
        $('input:checkbox[id$=' + CheckHeader + ']', listing).attr('checked', true);
    }
    else {
        $('input:checkbox[id$=' + CheckHeader + ']').removeAttr('checked');
    }

}



вызов chkUncheckCommonGridAll onclick of CheckAll checkbox onclick= " chkUncheckCommonGridAll('rptrFeeDetails', 'CheckAll','cbRupees');"


звоните chksingleCommonInner на кнопке из cbRupees флажок функция onclick="chksingleCommonInner('rptrFeeDetails','CheckAll','cbRupees');"

если есть какие-либо проблемы, установите ClientIDMode = static для ретранслятора

надеюсь, это вам поможет! :)

prasannakumarmp

Дорогой Навджотсингх_013,

Как вы уже писали, я пытался, но это не сработало.

Спасибо

Рейтинг:
0

Member 10298296

< script type= "text/javascript">
функция SelectAll() {
var IsSelected = $("input[id*= 'chksibling']");
var IsAllSelected = $("input[id*= 'chkall']");

for (var i = 0; i < IsSelected.длина; i++) {
if (IsAllSelected[0]. checked) {
IsSelected[i]. checked = true;
}
ещё {
IsSelected[i]. checked = false;
$("#chkall"). removeAttr ("проверено");
}
}
}

< / script>