如何隐藏和预设标签jquery css

Question

我如何在 jquery 中更改以下代码，以便当有人选择 Archived (id = radio3) 时，隐藏选项 2 并选择选项 1 (id = radio5)，是否更改选项的背景？

即使警报不起作用？

$("input[@name='radios2']").change(function(){
  alert("12");
});

http://jsfiddle.net/aPsE4/4/

Answer 1

没有</br>，而是使用CSS边距，你不需要@在name前面。还有你的<label> 的for 属性是错误的。

$(function () {
  $("input[name='radios']").change(function() {
    if (this.value == "true") {
      $("label[for='radio5']").addClass("hidden");
      $("#radio4").prop("checked", true);
    } else {
      $("label[for='radio5']").removeClass("hidden");
      $("#radio4, #radio5").prop("checked", false);
    }
  });
  $("input[name='radios2']").change(function() {
    alert(this.value);
  });
});

.radio-toolbar {
  margin: 15px 0;
}

.radio-toolbar input[type="radio"] {
  display: none;
}

.radio-toolbar label {
  display: inline-block;
  background-color: #ddd;
  padding: 4px 11px;
  font-family: Arial;
  font-size: 16px;
}

.radio-toolbar label.hidden {
  display: none;
}

.radio-toolbar input[type="radio"]:checked+label {
  background-color: #bbb;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="radio-toolbar">
  <input type="radio" id="radio2" name="radios" value="false">
  <label for="radio2">Open</label>
  <input type="radio" id="radio3" name="radios" value="true">
  <label for="radio3">Archived</label>
</div>

<div class="radio-toolbar">
  <input type="radio" id="radio4" name="radios2" value="false">
  <label for="radio4">Option 1</label>
  <input type="radio" id="radio5" name="radios2" value="true">
  <label for="radio5">Option 2</label>
</div>

更新和回答您的 cmets：

谢谢，如何添加上面的代码，以便在选择存档后尝试隐藏“选项 2”并显示“选项 1”为选中状态？

使用以下代码：

$("input[name='radios']").change(function() {
  if (this.value == "true") {
    $("label[for='radio5']").addClass("hidden");
    $("#radio4").prop("checked", true);
  } else {
    $("label[for='radio5']").removeClass("hidden");
    $("#radio4, #radio5").prop("checked", false);
  }
});

只有一个运行代码 sn-p ，没有编辑？

如果您拥有该帖子，则会出现编辑片段。例如，尝试编辑您的问题并使用 Ctrl + M 添加一个 sn-p。