Question

我想将复选框设置为收音机，但我没有使用收音机我必须使用复选框但是当我附加复选框时它不能用作收音机，PLZ如何在将复选框附加为收音机后进行设置，代码。

＆＃13;

jQuery(function($){

  $(".add").on('click', function(e) {
      e.preventDefault();
      var main_div = $('.append');
      var new_offer = $("li:last", main_div).clone();
  new_offer.appendTo(main_div);
        
    });


   $('input.check_one').on('change', function() {
      $('input.check_one').not(this).prop('checked', false);  
    });

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<div class="append">
<ul>
<li>
	
	<input type="checkbox" name="offer[key]" class="check_one">

</li>
</ul>
</div>
	<button class="add">add</button>
</body>
</html>

＆＃13;

Answer 1

您需要更改附加事件侦听器的方式

＆＃13;

jQuery(function($){

  $(".add").on('click', function(e) {
      e.preventDefault();
      var main_div = $('.append');
      var new_offer = $("li:last", main_div).clone().prop('checked',false);
  new_offer.appendTo(main_div);
        
    });


   $('.append').on('change','input.check_one', function() {
      $('input.check_one').not(this).prop('checked', false);  
    });

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<div class="append">
<ul>
<li>
	
	<input type="checkbox" name="offer[key]" class="check_one">

</li>
</ul>
</div>
	<button class="add">add</button>
</body>
</html>

＆＃13;

克隆复选框附加，如果选中另一个取消选中

1 个答案: