html现在又四个单选框，分别是10 20 30 40 怎么通过点击他们来获得不同的值传到后端

你可以给每个单选框设置不同的value属性，然后使用JavaScript监听单选框的点击事件，在点击时获取对应单选框的value值，然后将该值传递到后端。

例如，HTML代码可以如下所示：

<input type="radio" name="radioButton" value="10"> 10
<input type="radio" name="radioButton" value="20"> 20
<input type="radio" name="radioButton" value="30"> 30
<input type="radio" name="radioButton" value="40"> 40

然后，你可以使用JavaScript代码来监听单选框的点击事件，并获取选中的值：

var radioButtons = document.getElementsByName("radioButton");
var selectedValue;
for(var i = 0; i < radioButtons.length; i++) {
    if(radioButtons[i].checked) {
        selectedValue = radioButtons[i].value;
        break;
    }
}
// 然后将selectedValue传递到后端即可

注意，在HTML中，所有的单选框应该有相同的name属性，这样才能保证它们只有一个被选中。而在JavaScript中，我们通过遍历所有单选框来找到选中的那个，并获取它的value值。