Javascript 尝试实现JSFIDLE示例

我试图重新创建一个JSFIDLE示例，该示例将下拉菜单转换为单选按钮。这里是我指的链接：

创建HTML文件后，我将CSS和Javascript嵌入到HTML文档的标题中。之后，我去看看它是否有效，但似乎没有。以下是我目前拥有的代码：

页面标题
/* http://jsfiddle.net/496c9/ */
.radioSelectContainer>选择{
/*显示：无*/
}
.radioSelectContainer>标签{
显示：内联块；
保证金：0.3em0.3em0；
背景色：#EFEF；
边界半径：4px；
边框：1px实心#d0；
}
.radioSelectContainer>label>span{
填充：0.2米；
文本对齐：居中；
显示：块；
}
.radioSelectContainer>标签>输入{
位置：绝对位置；
顶部：-20px；
}
.radioSelectContainer>标签>输入：选中+span{
背景色：#404040；
颜色：#F7F7F7；
}
$（函数（）{
$（'.radioSelect'）。每个（函数（selectIndex，selectElement）{
var select=$（selectElement）；
变量容器=$（“”）；
选择.parent（）.append（容器）；
container.append（选择）；
select.find（'option'）。每个（函数（optionIndex，optionElement）{
var radioGroup=select.attr（'id'）+“Group”；
变量标签=$（“”）；
容器。附加（标签）；
$("")
.attr（“value”，$（this.val（））
//。单击（（函数（）{select.val（$（this.val（））；}））//无线电更新选择-请参阅下面的可选选项
.附录（标签）；
$（“”+$（this.val（）+“”）.appendTo（label）；
});
//http://stackoverflow.com/questions/4957207/how-to-check-uncheck-radio-button-on-click
//可选-此逻辑用于在单击已选中的收音机时取消选中
container.find（“：radio+span”）.mousedown(
职能（e）{
变量$span=$（本）；
var$radio=$（$span.prev（））；
如果（$radio.is（':checked'））{
var uncheck=function（）{
setTimeout（函数（）{$radio.prop（'checked'，false）；}，0）；
};
var unbind=函数（）{
$span.unbind（'mouseup'，up）；
};
var up=function（）{
取消选中（）；
解除绑定（）；
};
$span.bind（'mouseup'，up）；
$span.1（'mouseout'，解除绑定）；
}否则{
选择.val（$radio.val（））；
}
}
);
select.change（（函数（）{//select更新收音机
$（“输入[name=”+select.attr（'id'）+“组”+“]”][value=”+this.value+“]”）prop.prop（“选中”，true）；
}));
});
}); 
s
M
L
特大号
2XL
3XL
4XL
5XL

将

放在使用名为

$

变量的任何

标记之前

---

此代码段将允许您使用

$

（在代码示例中用于jQuery）

将jquery库添加到您的头谢谢您的帮助！请注意，

$

不一定是jQuery的同义词！jQuery使用它作为自己的快捷方式，这是真的，但Prototype和Mootools等其他工具也这样做。（见附件。）