Javascript 输入：选中更新网格的材质

如果我选中单选按钮，我想更改网格的材质。 基本上，我想捕捉选中单选按钮的数据颜色属性，并将其放入网格的材质中

这怎么可能呢

材料

 var material = {
      "black":  new THREE.MeshPhongMaterial( {color: 0x111111,  shininess: 35, combine: THREE.MixOperation, shading: THREE.FlatShading } ),
      "white":  new THREE.MeshPhongMaterial( {color: 0xffffff,  shininess: 65}),
      "grey":   new THREE.MeshPhongMaterial( {color: 0xcccccc,  specular: 0x111111})
      }

网格

var geometry = new THREE.BoxGeometry( 1, 1, 1 );
var mesh= new THREE.Mesh( geometry, material[ "black" ]);
mesh.name = "changematerial";
scene.add( mesh );

单选按钮

<input id="black" type="radio" data-color="black" name="material" checked>
<input id="white" type="radio" data-color="white" name="material">
<input id="grey" type="radio" data-color="grey" name="material">