单选按钮选择会动态更改其他单选按钮的值

Question

So I've tried looking, and I haven't found anything so hopefully this isn't a repeat question. I have several sets of radio buttons, and I need to have the values associated with the latter radio buttons change dynamically based on the users selection within the first set of radio buttons.

<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

So what I'm trying to figure out is if there is a way to use onClick or something similar to set it so that when the user selects one of the three "length" radio buttons, they will each assign different values to both the weight and pieces radio buttons as well. Sorry if the question is unclear at all.

Answer 1

A pure javascript solution would look similar to this:

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

You attach the onclick event to an element (in this case the element with id of 6feet) and once that is clicked it calls the defined function.

Read more about .click()

EXAMPLE

There are also simpler solutions using jQuery, but I wasn't sure if you were able to incorporate it into your code.

Answer 2

I didnt understand totally your question.. is this what you need?

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

Answer 3

你需要像这样并重新分配一个真正的“价值”为单选按钮？