我使用三個單選按鈕作爲表單。使用jQuery,我試圖將類添加到具有單選按鈕的div。但它是針對所有的div,而不是隻針對檢查的div,而不是刪除unchecked div的類。目標類別通過單選按鈕選中
小提琴:https://jsfiddle.net/zqatxvgs/
的Html
<form action="">
<div class="field-box"> <input type="radio" name="gender" value="male">Male<br></div>
<div class="field-box"> <input type="radio" name="gender" value="female"> Female<br></div>
<div class="field-box"> <input type="radio" name="gender" value="other"> Other</div>
jQuery的
$('input:radio').change(function(){
if($(this).is(":checked")) {
$('.field-box').addClass("option-selected");
} else {
$('.field-box').removeClass("option-selected");
}
});
哇..你覺得呢?我無法停止這種想法。 –
只是開玩笑的兄弟:) –
謝謝你的回答。當收音機默認已被選中時,它不工作。檢查這個小提琴:https://jsfiddle.net/4tacqvrj/1/ – YOU