jquery - 从radiobutton中选择具有给定名称和值的输入

Question

如果用户从radiobuttion中选择选项4，我正在尝试显示div标签。

$(document).ready(function () {
    $("#GenderInAnotherWay").hide();

    $("input[name='Gender'][value=4]").prop("checked", true);{
        $("#GenderInAnotherWay").toggle();
    });
})

Answer 1

试试吧

$(document).ready(function () {
    $("#GenderInAnotherWay").hide();
    $("input[name='Gender']").change(function() {
        if(parseInt(this.value) == 4) {
            $("#GenderInAnotherWay").show();
        } else {
            $("#GenderInAnotherWay").hide();
        }
    });
});

Answer 2

以下是代码：

$(document).ready(function () {
    $("#GenderInAnotherWay").hide();

    $("input[name='Gender']").click(function(){
       if ($(this).is(':checked') && $(this).val() == 4) {
          $("#GenderInAnotherWay").show()
       } else {
          $("#GenderInAnotherWay").hide();
       }
    });
})

Answer 3

使用它：

if($("input[name='Gender']:checked").val() == 4)
$('#myDiv').toggle();

Answer 4

以下是根据问题的第一行（而不是其他内容）使用值而不是名称的示例

＆＃13;

＆＃13;

$("#selectElement").on("change", function()
{
  //if selected option's value is 'gender'
  if($(this).val() == "Gender")
  { 
    //show the div (and append text)
    $("#secondDiv").show();
    $("#secondDiv").append( "Div created and this text inserted" );
  }
  else
  {
    //otherwise hide the div and remove all child elements from it
    $("#secondDiv").hide();
    $("#secondDiv").empty();
  }
});

＆＃13;

div
{
  border: 1px solid black;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="firstDiv">
  <select id="selectElement">
    <option value="Option1">Option 1</option>
    <option value="Option2">Option 2</option>
    <option value="Option3">Option 3</option>
    <option value="Gender">Gender</option>
  </select>
</div>

<div id="secondDiv" hidden="hidden"></div>

＆＃13;

＆＃13;

＆＃13;