0

Javascript関数に送信された値に基づいてチェックボックスをチェック/チェック解除する方法は? このshowModalPopup関数を呼び出す方法を確認してください。

私はグリッドビューを持っています:

<asp:GridView ID="GV1" runat="server" DataSourceID="DS1" >
  <Columns>

    <asp:BoundField HeaderText="ID" DataField="ID"/>

    <asp:TemplateField ShowHeader="False">
      <ItemTemplate>
        <asp:LinkButton ID="Edit_LinkButton" runat="server" CausesValidation="False" >
          <asp:Image ID="Edit_Linkbutton_Image" runat="server" ImageUrl="~/edit.png"></asp:Image>
        </asp:LinkButton>
      </ItemTemplate>
    </asp:TemplateField>

    <asp:TemplateField HeaderText="Status" Visible="False">
      <ItemTemplate>
        <asp:Label ID="Status" runat="server" Text='<%# Bind("Status") %>'></asp:Label>
      </ItemTemplate>
    </asp:TemplateField>

  </Columns>
</asp:GridView>

次に、コード ビハインドを使用して JavaScript 関数を LinkBut​​ton にアタッチします。

Dim myLinkButton As LinkButton

For i As Integer = 0 To GV1.Rows.Count - 1
  Dim CheckBox1 As String = TryCast(GV1.Rows(i).FindControl("Status"), Label).Text

  myLinkButton = DirectCast(GV1.Rows(i).Cells(1).FindControl("Edit_LinkButton"), LinkButton)
  myLinkButton.Attributes.Add("onclick", "shopModalPopup('" & .Rows(i).Cells(0).Text & "', '" & CheckBox1 & "'); return false;")
Next

Rows(i).Cells(0)は Gridview の最初の列で、" ID" です。

次に、モーダル ボックスを呼び出す Javascript 関数は次のとおりです。

<script>
                var grid_modal_options = {
                    height: 450,
                    width: 550,
                    modal: true
                };

                function shopModalPopup(Field1, Check1) {
                    var DataField1 = Field1; //--> ID
                    var CheckField1 = Check1; //--> Status

                    grid_modal_options.open = function () {
                        $('#dialog-form #Textbox1').val(DataField1);
                        $('#dialog-form #Checkbox1').checked = CheckField1;
                    };

                    $("#dialog-form").dialog(grid_modal_options);
                    $("#dialog-form").parent().appendTo('form:first');
                }
</script>

そして、モーダルボックスを表示するためのコード:

<div id="dialog-form" title="Modal-box" style="display: none;">
    <asp:TextBox ID="Textbox1" runat="server" Text="" Enabled="false">
    <asp:CheckBox ID="Checkbox1" runat="server"/>
</div>

上記のコードはチェックボックスをチェックしませんが、正常に割り当てられたテキストボックスの値をチェックします。javascriptによっても割り当てられるチェックボックスが必要です。どうやってやるの？どうもありがとうございました。

4

3 に答える 3

0

次のようになります。

$('#dialog-form #Checkbox1').attr('checked', true);
于 2012-04-24T13:34:29.897 に答える
0

.prop()次のコマンド を使用します。

$("#dialog-form #Checkbox1").prop("checked", CheckField1);

http://api.jquery.com/prop/

于 2012-04-24T13:34:45.280 に答える
0

.val()チェックボックスをチェックするために、チェックボックスの値を単一項目の配列として使用できます。

$('#dialog-form #Checkbox1').val([ "Checkbox1" ]);

チェックボックスが「Checkbox1」を指定していることを確認してくださいvalue。

于 2012-04-24T13:38:37.053 に答える