在jQuery中单击另一个单选按钮时,取消选中单选按钮

时间:2020-08-26 12:56:29

标签: jquery

我有两对单选按钮。当您单击第一对中的第一对时,它将显示第二对,默认情况下是隐藏的。没问题。 现在,一旦我单击第一个单选按钮,便需要第二组。如果我单击以隐藏第二组,然后再次单击以显示第二组,我将无法取消支票。

$("input[name='FirstSetName']").on("change", function() {
  //answer is yes
  if ($(this).val() === "true") {
    $("#ShowSecondSet").show();
    $("#SecondsetName").prop("checked", false);
    $("#SecondsetName").rules("add", "required");
  }
  //answer is No
  else if ($(this).val() === "false") {
    alert("else");
    $("#SecondsetName").prop("checked", false);
    $("#SecondsetName").rules("remove", "required");
    $("#HideSecondSet").hide();
  }
});

我尝试使用attr并支持无用。

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

您应该使用console.log(iscreator)

也使用$("input[name='SecondSetName']").prop("checked", false);$("input[name='SecondSetName']").show();代替$("input[name='SecondSetName']").hide();$("#ShowSecondSet").show();

取消注释$("#HideSecondSet").hide();之所以发表评论,是因为我没有申请和使用$("#SecondsetName").rules("add", "required");

您尚未共享html,因此我已基于javascript代码添加了它。

在下面尝试。

rules
$("input[name='FirstSetName']").on("change", function() {
  //answer is yes
  if ($(this).val() === "true") {
    $("input[name='SecondSetName']").show();
    $("input[name='SecondSetName']").prop("checked", false);
    // $("#SecondsetName").rules("add", "required");
  }
  //answer is No
  else if ($(this).val() === "false") {
    $("input[name='SecondSetName']").prop("checked", false);
    // $("#SecondsetName").rules("remove", "required");
    $("input[name='SecondSetName']").hide();
  }
});

相关问题