單選按鈕更改事件後未複選複選框

Question

我有一個複選框和兩個單選按鈕。 關於收音機其中一個改變事件，我正在複選框的選中屬性爲真。 它只能使用一次。

Demo

步驟複製它， 1，點擊難看（複選框被選中） 2.取消選中的複選框 3.toggel順便說一句難看和良好（無效果:(

用完的一很多時間在這一點，但無法弄清楚是怎麼回事

Answer 1

更新您的代碼如下：

1. 使用prop()方法代替attr()方法來更新checked屬性。
2. 通常綁定更改事件處理程序並根據所選的單選按鈕值更新屬性。

// or select based on the name attribute 
 
// `$('input[type=radio][name="gender"]')` 
 
$('input[type=radio]').on('change', function() { 
 
    $('.xyz').prop('checked', this.value == 'bad'); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" name="vehicle" value="Car" class="xyz"> I have a car<br> 
 

 

 
<input type="radio" name="gender" value="good"> Good Oned<br> 
 
<input type="radio" name="gender" value="bad"> Ugly<br>

Answer 2

試試這個，如果條件.clicked單選按鈕值是壞的點擊真正被別的false出現在檢查ATTR。你應該使用prop()方法，而不是attr

更新

爲什麼不工作？
你選擇錯了。你有$('input[type=radio][value = "bad"]')。其選擇唯一的價值差的無線電 按鈕不是兩個。所以只有當你點擊其他單選按鈕，複選框 沒有選中

$(document).ready(function() { 
 
    $('input[type=radio]').on('change', function() { 
 
    $('.xyz').prop('checked', $(this).val().trim() == 'bad'); 
 
    }) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script data-require="jquery" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 

 
<input type="checkbox" name="vehicle" value="Car" class="xyz"> I have a car<br> 
 
<input type="radio" name="gender" value="good"> Good Oned<br> 
 
<input type="radio" name="gender" value="bad"> Ugly<br><br>