在 GridView 中，当单击复选框时，使用 JavaScript 在 Grid 的同一行中将值从标签添加到 TextBox

Question

我在 GridView 中有 3 列。第一列是 CheckBox，第二列是 Label 中的应付金额，第三列是 TextBox to pay Amount。

我的问题是，当复选框被选中时，文本框应该填充第二列值，而当复选框取消选中时，文本框值应该被清除。

请参考我用过的java脚本代码。

<script type="text/javascript">
          function SelectChange(ChkId, txt1, total) {
              var chk = document.getElementById(ChkId);
              UpdateField(ChkId, txt1, total)

          }

          function UpdateField(ChkId, txt1, total) {
              if (document.getElementById(ChkId).checked == true)
              {
                  var lblvalue = document.getElementById(total).value;
                  document.getElementById(txt1).innerHTML = lblvalue;
              }
              else
              {
                  document.getElementById(txt1).innerHTML = "0";
              }
          }

    </script>

在后面的代码中...

protected void grdFeesCollection_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            TextBox txtPayment = (TextBox)e.Row.FindControl("txtPayment");
            Label lblDue = (Label)e.Row.FindControl("lblDue");
            CheckBox chckSelecthead = (CheckBox)e.Row.FindControl("chckSelect");

            chckSelecthead.Attributes["onclick"] = "javascript:return SelectChange('" + chckSelecthead.ClientID + "','" + "','" + txtPayment.ClientID + "','" + lblDue.ClientID + "')";

            txtPayment.Attributes["onKeyup"] = "javascript:return UpdateField('" + chckSelecthead.ClientID + "','" + txtPayment.ClientID + "','" + lblDue.ClientID + "')";

        }
    }

这不是向 TextBox 返回任何值，这就是问题所在。

Answer 1

代码背后：

protected void GridView1_RowDataBound( object sender, GridViewRowEventArgs e ) {
    if ( e.Row.RowType == DataControlRowType.DataRow ) {
        Label    lblDue     =    (Label) e.Row.FindControl("lblDue");
        TextBox  txtPayment =  (TextBox) e.Row.FindControl("txtPayment");
        CheckBox chckSelect = (CheckBox) e.Row.FindControl("chckSelect");

        string js = string.Format( "javascript: return SelectChange( '{0}', '{1}', '{2}' ); ", 
                                    chckSelect.ClientID, 
                                    lblDue.ClientID,
                                    txtPayment.ClientID );

        chckSelect.Attributes[ "onclick" ] = js;
    }
}

---

JavaScript：

function SelectChange(ChkID, DueID, PaymentID) {

    var CheckBox = document.getElementById(ChkID);
    var Due = document.getElementById(DueID);
    var Payment = document.getElementById(PaymentID);

    Payment.value = (CheckBox.checked ? Due.textContent : "");
}