テーブルのラジオボタンをチェックし、チェックを外す

Question

ラジオボタンがテーブルにあり、名前に基づいてラジオボタンのすべての機能を選択して実装したいと考えています。私は名前bundleAcceptAllを持つすべてのラジオボタンを選択することはできませんよ

var checked = false; 

$scope.acceptOrRejectAllOrders = function(selectedVal) { 
    if (selectedVal == 'Accept all') { 
    jQuery("#bundleAcceptAll").attr('checked', 'checked'); 

    // $("#bundleAcceptAll").prop("checked", true); 
    //$("#bundleAcceptAll").attr('checked', 'checked'); 

    var aa = document.getElementsByName("bundleAcceptAll"); 
    for (var i = 0; i < aa.length; i++) { 
     document.getElementsByName(bundleAcceptAll).checked = true; 
    } 

    //$scope.quoteRequest.quotationRequestItems[0].quotes.length 
    } else { 
    } 
}; 

<div style="border:1px #f5f4f4 solid;background: #f9f9f9;" ng-repeat="(key,quoteAndOrder) in getQuotesAndOrders()"> 
    <div style="background: #fff;"> 
    <table border="0" style="width: 100%;" class="table table-striped"> 
     <thead> 
     <tr style="background: #ff7900;color: #fff;"> 
      <th>Quote ID</th> 
      <th>{{key}}</th> 
     </tr> 
     <tr> 
      <th>Accept or Reject Orders:</th> 
      <th> 
      <span style="float: left;background: #f9f9f9;"> 
       <input type="radio" name ="bundleAcceptAll" ng-change="" class="radioSignatory" value="Approve Order" ng-disabled=""> 
       <p class="labelRadioSignatory">Approve Order</p> 
       <input type="radio" name ="bundleRejectAll" ng-change="" class="radioSignatory" value="Reject Order" ng-disabled=""> 
       <p class="labelRadioSignatory">Reject Order</p> 
      </span> 
      </th> 
     </tr> 
     </thead> 
     <tr ng-repeat="odr in quoteAndOrder"> 
     <td> {{odr.id}} </td> 
     <td>{{odr.status}}</td> 
     </tr> 
    </table> 
    <hr> 
    </div> 
</div> 

：これは私のコードです。これは、基本的に、各行にラジオボタンが付いたリストです。リストのすべてのラジオボタンを選択します。 1つのボタンのみが選択されます

Answer 1

AFAIKラジオボタンを選択して同じ名前を使用すると、選択された1つのアイテムだけがグループとして扱われます。おそらく、チェックボックスに変えるだけかもしれません。それはリストがある場合

Answer 2

function oncheckClick() 
 
{ 
 
$('input[name=chkBox]').prop('checked',true) 
 
} 
 

 
function onUnCheckClick() 
 
{ 
 
$('input[name=chkBox]').prop('checked',false) 
 
}

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

 
<input type="radio" name="chkBox"> 
 
<button id="check" onclick="oncheckClick()" value="Check">Check</button> 
 
<button id="check" onclick="onUnCheckClick()" value="UnCheck">UnCheck</button>

、あなたはリストをループして、チェックしたりオフにすることができます

$("input[type=radio][name='" + name + "']").each(function() { 
//code here 

}）;

Answer 3

前述したように、ラジオボタン機能では複数の項目がチェックされていないので、チェックボックスです。しかし、ラジオボタンのようにチェックボックスをスタイルすることができます。 How to make a checkbox in circle shape with custom css?