選中或取消選中所有無線電廣播輸入ID是否選擇

-1

我的問題是，我無法編輯表單代碼輸出，因此如果要選擇不同的單選按鈕，可以選擇或取消選中無線標識。這是可能的嗎？ - 我可以在標籤上添加一個函數調用或使用jquery - 但我不能像添加onclick事件一樣編輯表單代碼本身。選中或取消選中所有無線電廣播輸入ID是否選擇

僞代碼將是：

If #unsubYes is checked Then 
uncheck #option1Yes + #option2Yes AND 
check #option1No + #option2No 

If #unsubNo is checked Then 
uncheck #option1No + #option2No AND 
check #option1Yes + #option2Yes

Link to JS fiddle html

任何幫助表示讚賞。

乾杯，克里斯

來源

2017-07-07 chris

很可能是這個緣故。你試過什麼了？ – NewToJS

我可以通過onclick事件來做到這一點，但不知道如何使其發生火災 – chris

你看過其他事件監聽器並試過嗎？如果是，那麼哪些？你可以包括你的嘗試相關的源代碼。這會讓其他人看到，處理和調試。也許可以解釋爲什麼你的嘗試沒有按預期運作，然後也提供了一個解決方案來滿足你的需求。沒有看到你有什麼或者你的嘗試，就不可能解釋它爲什麼不起作用，或者給你一個可靠的答案/解決方案來學習。 – NewToJS

$("[name='unsub']").on('change', function(){ 
 
    var val = $(this).val(); 
 
    var reverseVal = (val == 'Yes' ? 'No' : 'Yes') 
 
    $("input[value='"+reverseVal+"']:not([name='unsub'])").prop('checked', true); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
<span>Option 1</span><br /> 
 
<label> 
 
    <input type="radio" name="option1" id="option1Yes" value="Yes"> 
 
    Yes 
 
</label> 
 
<label> 
 
    <input type="radio" name="option1" id="option1No" value="No"> 
 
    No 
 
</label> 
 
<br /><br /> 
 
<span>Option 2</span><br /> 
 
<label> 
 
    <input type="radio" name="option2" id="option2Yes" value="Yes"> 
 
    Yes 
 
</label> 
 
<label> 
 
    <input type="radio" name="option2" id="option2No" value="No"> 
 
    No 
 
</label> 
 
<hr /> 
 
<span>Unsubscribe from all</span><br /> 
 
<label> 
 
    <input type="radio" name="unsub" id="unsubYes" value="Yes"> 
 
    Yes 
 
</label> 
 
<label> 
 
    <input type="radio" name="unsub" id="unsubNo" value="No"> 
 
    No 
 
</label> 
 
<br /><br /> 
 
<input type="submit" value="submit"> 
 
</form>

來源

2017-07-07 05:25:04

這太棒了@EmīlsGulbis - 但是有沒有辦法改變正在檢查的無線電？目前點擊取消勾選是勾選是無線電時，它應該勾選沒有收音機（反之亦然） – chris

當然，編輯的代碼！ –

非常感謝！傳說 – chris

當然有可能。你可以做類似這樣的事情

document.querySelector('#unsubYes').addEventListener('change', function() { 
    if (this.checked) { 
     // do something if is checked 
    } else { 
     // do other thins 
    } 
});

來源

2017-07-07 05:23:33 nicowernli

選中或取消選中所有無線電廣播輸入ID是否選擇

回答

相關問題