このようなテーブルにラジオボタンがあります
<form>
<table class="table table-hover flights_table">
<tr>
<td>
<input type="radio" class="flight" name="flight" />
</td>
<td>Fare type</td>
<td>Price</td>
<td>dep</td>
<td>Arrival</td>
</tr>
<tr>
<td>
<input type="radio" class="flight" name="flight" />
</td>
<td>Fare type</td>
<td>Price</td>
<td>dep</td>
<td>Arrival</td>
</tr>
<tr>
<td>
<input type="radio" class="flight" name="flight" />
</td>
<td>Fare type</td>
<td>Price</td>
<td>dep</td>
<td>Arrival</td>
</tr>
</table>
</form>
およびjQueryコード
$('.flights_table tr').click(function (e) {
//$('.flight').attr('checked', false);
$(this).find('.flight').attr('checked', true);
});
目的は、ラジオが存在する行をクリックしたときにラジオを選択することであり、ラジオごとに1回しか機能しません。
例: 1st を選択してから 2nd をクリックし、1st を再度選択しようとしても機能しません。
私が使用したソリューションは、この質問で機能していると認められましたが、完全には機能しなくなりました。
コメント行の同じ結果の代わりに removeAttr も試しました。