Question

我试图在

中设置第一个输入元素

<div class="containerplaatje klein"> 
    <div class=slides>
       <input...

＆＃34;检查＆＃34;并删除＆＃34;已检查＆＃34;所有其他人的地位。问题是：

每当我点击另一个容器时，它必须将该容器中的第一个输入元素设置为＆＃34; Checked＆＃34;并释放彼此。

见下面的小提琴：

https://jsfiddle.net/qa6not7w/

我认为这个很接近，但我仍然失败了：

$(document).ready(function info(){
$(".klein").click(function(){

 if ($(this).hasClass("containerplaatje")) {


    $(this).removeClass("containerplaatje");
    $(".containerplaatje2").addClass("containerplaatje");
    $(".containerplaatje2").removeClass("containerplaatje2");
    $(this).addClass("containerplaatje2");
    $(":input").attr ('checked', false);

  /*$('input:radio[name=radio-btn][id=img-1]').attr('checked',true);*/

   }
});

Answer 1

这会将所有无线电的检查状态设置为false，然后将第一个设置为true：

$('input[type=radio]').prop('checked', false)[0].checked = true;

$('input[type=radio]').prop('checked', false)[0].checked = true;

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

请注意jQuery中的prop和vanilla-js中的属性，而不是jQuery中的attr和vanilla-js中的setAttribute。

Answer 2

这对我有用：

      $('input[type=radio]').prop('checked', false);
      $(this).find('input[type=radio]').filter(':first').prop('checked', true);

检查第一个输入

2 个答案: