首頁猿問我可以取消選中單選按鈕嗎？

我可以取消選中單選按鈕嗎？

JavaScript

手掌心 2022-12-02 15:41:58

我要問你。不應取消選中單選按鈕，但我想讓它取消選中。我做了如下代碼，但它仍然不起作用。我的代碼有什么問題？請舉例說明我所做的代碼。單選按鈕代碼<input type="radio" id="sidebar_workout_1" value="Hiit_1" name="workout"><input type="radio" id="sidebar_workout_2" value="Yoga/Flexibility_2" name="workout">當我點擊 Hiit 選項時，代碼將是這樣的<input type="radio" id="sidebar_workout_1" value="Hiit_1" name="workout" previousvalue="checked"><input type="radio" id="sidebar_workout_2" value="Yoga/Flexibility_2" name="workout" previousvalue="false">當我取消選中 Hiit 選項時，代碼將像這樣并且檢查不會丟失<input type="radio" id="sidebar_workout_1" value="Hiit_1" name="workout" previousvalue="false"><input type="radio" id="sidebar_workout_2" value="Yoga/Flexibility_2" name="workout" previousvalue="false">我的查詢$("input[type='radio']").click(function() { var previousValue = $(this).attr('previousValue'); var name = $(this).attr('name'); if (previousValue == 'checked') { $(this).removeAttr('checked'); $(this).attr('previousValue', false); } else { $("input[name=" + name + "]:radio").attr('previousValue', false); $(this).attr('previousValue', 'checked'); } });

查看完整描述

3 回答

慕娘9325324

TA貢獻1783條經驗獲得超4個贊

您需要更改$(this).removeAttr('checked');為$(this).prop('checked', false);

反對回復 2022-12-02

富國滬深

TA貢獻1790條經驗獲得超9個贊

Please try to this code

$("input[type='radio']").click(function() {

var previousValue = $(this).attr('previousValue');

var name = $(this).attr('name');

if (previousValue == 'checked') {

$(this).prop('checked', false);

$(this).attr('previousValue', false);

} else {

$("input[name=" + name + "]:radio").attr('previousValue', false);

$(this).attr('previousValue', 'checked');

}

});

反對回復 2022-12-02

慕運維8079593

TA貢獻1876條經驗獲得超5個贊

如果有人試圖取消選中單選按鈕但使用 vanilla js，您可以通過設置radio.checked為false.

這是一個例子：

<div>

</div>

<div>

<label for="female">Female</label>

</div>

<button id="btnUncheck">Uncheck</button>

香草 js：

document.querySelector('#btnUncheck')

.addEventListener('click', e => {

const radios = document.querySelectorAll('[type="radio"]')

radios.forEach(radio => {

radio.checked = false

})

反對回復 2022-12-02

3 回答
0 關注
158 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

我可以取消選中單選按鈕嗎？

我可以取消選中單選按鈕嗎？

3 回答

添加回答

我可以取消選中單選按鈕嗎？

我可以取消選中單選按鈕嗎？