Question

我有3个单选按钮，我想隐藏其中一个。所有3个单选按钮具有相同的类别，但值不同。我在下面编写了这样的代码，但由于该元素在每个单选按钮上均被隐藏，因此无法正常工作。你能帮我吗？这是我的代码：

$(document).ready(function() {
  if ($('input.delivery_option_radio').val('49,').is(":checked")) {
    $(".hide").css("display", "none");
    alert("test");  
  }
});

Answer 1

您正在设置值，而不是选择。在您的if语句中尝试以下操作：

if($("input.delivery_radio_option[value=49]").is(":checked")) {...}

Answer 2

您的代码是错误的，因为您试图将输入值设置为49,并隐藏所有.hide元素。

您不需要if，只需使用Attribute Equals [name=”value”]和:checked选择器即可完成这项工作。

$(".delivery_option_radio[value='49']:checked").hide();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="radio" class="delivery_option_radio" value="48">
<input type="radio" class="delivery_option_radio" value="49" checked>
<input type="radio" class="delivery_option_radio" value="50">

Answer 3

如果您确定单选按钮中的值为“ 49”，而不是（49）

尝试一下：

$('.hide[value="49,"]').hide();

其他

$('.hide[value="49"]').hide();

如果元素等于值并被检查，则执行某些操作

3 个答案: