Ich habe drei Optionsfelder und eine Dropdown-Liste. Beim Klicken auf das dritte Optionsfeld sollte die Dropdown-Liste angezeigt werden, andernfalls sollte sie deaktiviert sein. So überprüfen Sie den Zustand des dritten Optionsfelds anhand seiner 'id'-Eigenschaft mithilfe von jquery in mvc. Hilf mir, ich bin sehr neu jquery ..

    $("document").ready(function () {

        //This is to hide and disable dropdown on page load intially
        $("#ddSectionlsts").prop("disabled", true);
        $("#ddSectionlsts").hide();
 
        $('input:radio').click(function () {

            //This is to hide and disable dropdown on any click of radio button
            $("#ddSectionlsts").hide();
            $("#ddSectionlsts").prop("disabled", true);

            if ($(this).val=="radiospecific") {  //what is suitable condtion to check 
                //on success of condition dropdown is enabled for selection
                $("#ddSectionlsts").show();
                $("#ddSectionlsts").prop("disabled", false);
            }
        });
    });
<body>
  <div>
    @Html.RadioButtonFor(model => model.Name1, new { @id = "radiocomman", @name="type", @class="test_Css" }) Cheque
    @Html.RadioButtonFor(model => model.Name2, new { @id = "radiospecific", @name = "type", @class = "test_css" })Cas
</div>

@*drop down list*@
@{var listItems = new List<ListItem>
    {
          new ListItem { Text = "Exemplo1", Value="Exemplo1" },
          new ListItem { Text = "Exemplo2", Value="Exemplo2" },
          new ListItem { Text = "Exemplo3", Value="Exemplo3" }
    };
}
  
@Html.DropDownList("Exemplo", new SelectList(listItems, "Value", "Text"),new{ @id = "ddSectionlsts", @disabled = "disabled"})
 </body>
-1
Pradeep S J 19 Aug. 2015 im 15:54

4 Antworten

Beste Antwort
 $('input[name=type]').click(function(){        
        if ($(this).attr('id")=="radiospecific") {
            $("#ddSectionlsts").show();
            $("#ddSectionlsts").prop("disabled", false);
        } else {
            $("#ddSectionlsts").hide();
            $("#ddSectionlsts").prop("disabled", true);

        }
});
0
Liviu Boboia 19 Aug. 2015 im 12:59

Ihr Optionsfeld

@Html.RadioButtonFor(model => model.Name1, "Cheque", new { @id = "radiocomman", @name="type", @class="test_Css" }) Cheque
@Html.RadioButtonFor(model => model.Name2, "Cas", new { @id =   "radiospecific", @name = "type", @class = "test_css" })Cas

Your Js

    $('input:radio').click(function(){       
    var radioVal = $('input:radio[name=type]:checked').val();
    if (radioVal == 'Cheque') {
        $("#ddSectionlsts").prop("disabled", false).show();
    }
    else if (radioVal == 'Cas'){
        $("#ddSectionlsts").prop("disabled", false).hide();
    }});

In your Model

public string type { get; set; }
0
Vivek Ranjan 19 Aug. 2015 im 14:08

Für zwei Optionsfelder fand ich dies und es funktioniert richtig

$(document).ready(function () {

        $("#ddSectionlsts").prop("disabled", true);
        $("#ddSectionlsts").hide();
        $('input:radio').click(function () {
            $("#ddSectionlsts").prop("disabled", true);
            $("#ddSectionlsts").hide();
            if ($(this).attr('id') == 'radiospecific') {
                $("#ddSectionlsts").show();
                $("#ddSectionlsts").prop("disabled", false);
                $('#radiocomman').prop('checked', false);
            }
            else
                $('#radiospecific').prop('checked', false);
        });

    });
<div>
 @Html.RadioButtonFor(model => model.Name1, "Cheque", new { @id = "radiocomman", @name = "type", @class = "test_Css" }) 
@Html.RadioButtonFor(model => model.Name2, "Cas", new { @id = "radiospecific", @name = "type", @class = "test_css" })

    
</div>

@*drop down list*@
@{var listItems = new List<ListItem>
    {
          new ListItem { Text = "Example1", Value="Example1" },
          new ListItem { Text = "Example2", Value="Example2" },
          new ListItem { Text = "Example3", Value="Example3" }
    };
}
@Html.DropDownList("Example", new SelectList(listItems, "Value", "Text"),new{ @id = "ddSectionlsts", @disabled = "disabled"})
0
Pradeep S J 20 Aug. 2015 im 08:09

HTML

<input type="radio" name="rb" class="mrb" id="rButton1" value="rb1">Radio Button 1 <br>
<input type="radio" name="rb" class="mrb" id="rButton2" value="rb2">Radio Button 2 <br>
<input type="radio" name="rb" class="mrb" id="rButton3" value="rb3">Radio Button 3

Fügen Sie nun ein Klickereignis nach Klassennamen hinzu und geben Sie an, ob die angeklickte Schaltflächen-ID mit der dritten Schaltfläche übereinstimmt oder nicht. Wenn ja, dann setzen Sie Ihre Wunschaktion in die Schleife.

$('.mrb').click(function(){
    if ($(this).attr('id') == 'rButton3') {
        // put your desire action
    }
});
0
user2315314 19 Aug. 2015 im 14:19