Question

我在gridview中有一个复选框，我想在检查时取消背景颜色并取消选中。

<asp:TemplateField HeaderText="Status">
    <ItemTemplate>
        <asp:CheckBox ID="checkboxAttendanceStatus" ClientIDMode="Static" BackColor="red" runat="server" />
    </ItemTemplate>
</asp:TemplateField>

我为此目的使用了jquery，但它没有用。

<script>
    $(document).ready(function () {
        $('#checkboxAttendanceStatus').change(function () {
            alert('asdas');
            $("#checkboxAttendanceStatus").css("backcolor", "green");
        });
    });
</script>

Answer 1

选中此http://pyedflib.readthedocs.io/en/latest

<强> HTML（样品）：

<div id="div">
    <input type="checkbox" id="chk">
</div>

<强> JS：

$('#chk').on('change', function(){
    if($('#chk').prop('checked'))
       $('#div').css('background', 'green');
     else
       $('#div').css('background', 'red');
});

Answer 2

试试这个：

d.collector_number

您还可以使用CSS的<script> $(document).ready(function () { $('#checkboxAttendanceStatus').change(function () { $("#checkboxAttendanceStatus").css("background", "green"); }); }); </script>属性而不是background-color，但background优先于background。

Answer 3

在答案中尝试这种方法。

$(document).ready(function () {
            $("#GridView1").children("tbody").find("tr").click(function () {
                if ($(this).attr("class") == "highlightedRow")
                {
                    $(this).removeClass("highlightedRow");
                }
                else
                {
                    $(this).addClass("highlightedRow");
                    $(this).siblings("tr.highlightedRow").removeClass("highlightedRow");
                }
            }).mouseover(function () {
                $(this).css("background", "Red");
            }).mouseout(function () {
                $(this).css("background", "");
            });
        });

来源：https://forums.asp.net/t/1701337.aspx?change+asp+gridview+row+backcolor+in+javascript+

复选框选中复选框背景颜色并取消选中

3 个答案: