选择付款html样式,用js和css简单美化单选框（以付款方式选项为例）

以前js不会，在网上找这种美化的单选框，好麻烦，用的jQ(jQ还没接触)，看上去效果不错，但是问题好多，有两个js，和一大堆css，看着头晕。后来朋友加上后台.net之后，这俩单选框愣是神经了，初学者的我看不出来咋回事，没办法，只有自己开始搞。

​大致步骤如下：

1.整俩input单选框，这应该都会，然后再用俩各自包起来​(div也可以)，如下：

在线支付

​​餐到付款

2.然后直接上js：

​function

lianjie1(){

var obj =

document.getElementsByTagName_r("input");

obj[0].checked="checked";

document.getElementByIdx_x("kuang1").style.color

= 'white';

document.getElementByIdx_x("kuang1").style.background

= 'rgb(255,45,75)';

document.getElementByIdx_x("kuang1").style.border = '2px solid

rgb(255,45,75)';

document.getElementByIdx_x("kuang2").style.color =

'rgb(1