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

所以我试过寻找，我还没有发现任何东西，所以希望这不是一个重复的问题。我有几组单选按钮，并且我需要根据第一组单选按钮中的用户选择动态地改变与后一个单选按钮关联的值。单选按钮选择动态更改其他单选按钮值

<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

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

回答

相关问题