單選按鈕選擇動態更改其他單選按鈕值

所以我試過尋找，我還沒有發現任何東西，所以希望這不是一個重複的問題。我有幾組單選按鈕，並且我需要根據第一組單選按鈕中的用戶選擇動態地改變與後一個單選按鈕關聯的值。單選按鈕選擇動態更改其他單選按鈕值

<input type="radio" name="length" id="6feet" value=" " > 6'0" 
<input type="radio" name="length" id="6.5feet" value=" " > 6'6" 
<input type="radio" name="length" id="7feet" value=" " > 7'0" 


<input type="radio" name="weight" ID="weight3" value="5" /> 3 
<input type="radio" name="weight" ID="weight4" value="10" /> 4 
<input type="radio" name="weight" ID="weight5" value="15" /> 5 

<input type="radio" name="pieces" ID="PieceA" value="10">  2 
<input type="radio" name="pieces" ID="PieceB" value="20">  3

那麼，我想搞清楚的是，如果有一種方法可以使用的onClick或類似的設置它的東西，這樣，當用戶選擇了三個「長度」單選按鈕中的一個，他們將每爲重量和零件單選按鈕分配不同的值。對不起，如果問題不清楚。

來源

2012-09-20 UmbraJoe

有幾種方法可以做到這一點，但StackOverflow中的大部分方法都喜歡看到您自己解決問題的一些嘗試。正如提示你開始的那樣：創建一個對象，顯示樹狀結構的「長度」值，然後顯示每個「長度」應該有多少「權重」。然後，爲每個「重量」顯示應該提供哪些「件」。如果需要，請先將它們繪製爲圖形。從這些數據中可以更新屏幕。 –

@ UmbraJoe，請在您有機會時選擇您認爲回答您的問題的回覆。如果沒有這樣做，請更新問題以獲得更具體的回覆。謝謝， – Chase

一個純JavaScript的解決方案將類似於此：

document.getElementById("6feet").onclick = (function() { 
    document.getElementById("weight3").click();  
});

您附加onclick事件到一個元素（在這種情況下，與6英尺的ID的元素），一旦被點擊它調用定義的函數。

瞭解更多關於.click()

EXAMPLE

也有使用jQuery簡單的解決方案，但我不知道你是否能夠將其納入你的代碼。

來源

2012-09-20 17:00:42 Chase

或document.getElementById（「weight3」）。點擊（） – mplungjan

點擊（）可能會更清晰的OP，所以我會改變它。謝謝 – Chase

你可以刪除函數中的（）... – mplungjan

我完全不明白你的問題..這是你需要什麼？

$(document).ready(function(){ 
    $('input[name=length]').click(function() { 
     $('input[name=weight]').val(newValue); 
     $('input[name=pieces]').val(newValue);   
    }); 
});

來源

2012-09-20 17:02:08 leobelones

你需要像this並重新分配一個真正的「價值」爲單選按鈕？

來源

2012-09-20 17:04:25

單選按鈕選擇動態更改其他單選按鈕值

回答

相關問題