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

Javascript 单选按钮选择动态更改其他单选按钮值,javascript,radio-button,Javascript,Radio Button,所以我试着寻找,但我没有发现任何东西,所以希望这不是一个重复的问题。我有几组单选按钮,需要根据用户在第一组单选按钮中的选择动态更改与后一组单选按钮关联的值 <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="len

所以我试着寻找,但我没有发现任何东西,所以希望这不是一个重复的问题。我有几组单选按钮,需要根据用户在第一组单选按钮中的选择动态更改与后一组单选按钮关联的值

<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或类似的方法来设置它,这样当用户选择三个长度单选按钮中的一个时,他们会分别为重量和件数单选按钮分配不同的值。很抱歉,如果问题根本不清楚。

纯javascript解决方案看起来与此类似:

document.getElementById("6feet").onclick = (function() {
    document.getElementById("weight3").click();     
});
将onclick事件附加到元素(在本例中为id为6英尺的元素),单击该元素后,它将调用已定义的函数

阅读更多关于


使用jQuery还有一些更简单的解决方案,但我不确定您是否能够将其合并到代码中

我没有完全理解你的问题。。这是你需要的吗

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

是否需要为单选按钮重新指定一个实际值?

或document.getElementByIdweight3.clickclick可能对OP更清晰,因此我将其更改为该值。谢谢,我知道,但是我太习惯使用jQuery了,我真的很喜欢它。有几种方法可以做到这一点,但是StackOverflow的大多数人都希望看到自己尝试解决这个问题。作为开始的提示:创建一个对象,像树一样显示长度的可用值,然后显示每个长度的可用权重。然后,针对每种重量,显示应提供哪些零件。如果你需要,先把它们画成图表。您将根据这些数据更新屏幕。@UmbraJoe,请选择您认为有机会回答您问题的答案。如果没有人这样做,请更新问题以获得更具体的回答。谢谢