1

これがasp.netの私のコードです...次のようにしてページがロードされる[checkbox]と[dropdownlist]、デフォルトですべてのドロップダウンリストが無効になっているコードをレンダリングするとき：

var $ddls = $('select');
$ddls.prop("disabled", true);

私の質問は、チェックボックスがチェックされている場合にのみドロップダウンを有効にする方法ですか? チェックボックスがオフの場合、ドロップダウンを無効にします

<asp:GridView ID="routePlanGridView" runat="server" AutoGenerateColumns="False" 

    <Columns>          
         <asp:TemplateField HeaderText="Reason">
        <ItemTemplate> 
            <div class="selectreason">
                <asp:CheckBox CssClass="selectme" ID="chkReject" runat="server" Checked="false">
                </asp:CheckBox>
                <asp:DropDownList runat="server" ID="detail" >
                    <asp:ListItem Selected="True" Value="0">Select me</asp:ListItem>
                    <asp:ListItem Value="1">one</asp:ListItem>
                    <asp:ListItem Value="2">two</asp:ListItem>
                    <asp:ListItem Value="3">three</asp:ListItem>
                    <asp:ListItem Value="4">four</asp:ListItem>
                </asp:DropDownList>
            </div>
        </ItemTemplate> 
    </asp:TemplateField>

    </Columns>
</asp:GridView>
4

2 に答える 2

2

JQuery 正確にはわかりませんが、 .change()または.click()を使用できると思いますcheck-box。

$('.selectme').change(function() {  
  var ddl = $(this).siblings("input[type='select']");

  if ($('this').is(':checked'))
  {
       $('ddl').attr('disabled', false);
  }
  else
  {
       $('ddl').attr('disabled', true);
  }
});
于 2012-05-09T16:55:14.010 に答える
1

RowDataBoundイベントでやります。

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
    var chk = e.Row.FindControl("CheckBox1") as CheckBox;
    if (chk != null)
    {
        var ddl = e.Row.FindControl("DropDownList1") as DropDownList;
        if (ddl != null)
        {
            //assign the JavaScript function to execute when the checkbox is clicked               
            //pass in the checkbox element and the client id of the select
            chk.Attributes["onclick"] = string.Format("toggleSelectList(this, '{0}');", ddl.ClientID);
        }
    }
}

関数は次のtoggleSelectListようになります。

toggleSelectList = function(el, selectID){
    var selectElement = document.getElementById(selectID);
    if (selectElement){
        selectElement.disabled = !el.checked;
    }
}
于 2012-05-09T16:51:08.157 に答える