Html 单选按钮似乎已锁定

Html 单选按钮似乎已锁定,html,css,Html,Css,为什么下面的单选按钮不可单击?如果我点击未选中的,它不会被选中 测试饼图 .点击但是{ 字体系列:verdana; 字体大小:9px; 字体大小:粗体; 背景色:#ffa500!重要; 边界半径:100px; 形状渲染:边缘清晰; } #控制室{ 位置:绝对位置; 顶部:15px; 左:10px; 宽度:750px; 高度:35px; } #产品名称{ 位置:绝对位置; 顶部:60px; 左:90px; 宽度:750px; 高度:35px; } #三方{ 位置:绝对位置; 顶部:70像素;

为什么下面的单选按钮不可单击?如果我点击未选中的,它不会被选中


测试饼图
.点击但是{
字体系列:verdana;
字体大小:9px;
字体大小:粗体;
背景色:#ffa500!重要;
边界半径:100px;
形状渲染:边缘清晰;
}
#控制室{
位置:绝对位置;
顶部:15px;
左:10px;
宽度:750px;
高度:35px;
}
#产品名称{
位置:绝对位置;
顶部:60px;
左:90px;
宽度:750px;
高度:35px;
}
#三方{
位置:绝对位置;
顶部:70像素;
左:10px;
宽度:70px;
高度:250px;
}
.切片{
字号:12号;
字体系列:Verdana;
填充物:白色;
字体大小:粗体;
}
.线路{
填充:无;
笔画宽度:3px;
}
.头衔{
字体系列:Verdana;
字体大小:11px;
字体大小:粗体;
}
.yAxis文本,
.xAxis文本{
字体:7pt Verdana;
中风:无;
填充:黑色;
}
.轴--y路径,
.轴--x路径{
显示:无;
}
.轴--x线,
.轴--y线{
笔画:黑色;
填充:无;
笔画宽度:2px
}
.轴--y线{
笔画宽度:1px
}
.bar:悬停{
填充物:橙色;
}
.d3提示{
线高:1;
字体大小:10px;
填充:10px;
背景:rgba(0,0,0,0.7);
颜色:#fff;
边界半径:2px;
}
.d3提示:之后{
框大小:边框框;
显示:内联;
字体大小:10px;
宽度:100%;
线高:1;
颜色:rgba(0,0,0,0.8);
内容:“\25BC”;
位置:绝对位置;
文本对齐:居中;
}
第三点提示n:之后{
保证金:-1px0;
最高:100%;
左:0;
}
修订版
碳纳米管
var parseDate=d3.time.format(“%d/%m/%Y”).parse;
addSquares();
addprodtil();
//#############方格###################
函数getdta(){
返回{
'标签':['N','P','B'],
‘col’:[‘2bc896’、‘FFA500’、‘000’]
};
};
函数squaresBasics(){
var保证金={
排名:35,
右:5,,
底部:5,
左:5
},
宽度=70-边距.左-边距.右,
高度=250-margin.top-margin.bottom;
返回{
保证金:保证金,
宽度:宽度,
高度:高度
};
}
函数addSquares(){
var dta=getdta();
var basics=squaresBasics();
var保证金=基本保证金,
宽度=基本宽度,
高度=基本高度;
//创建SVG元素
var SQsvg=d3。选择(#三个正方形)
.append(“svg”)
艾特先生({
“宽度”:宽度+边距。左侧+边距。右侧,
“高度”:高度+边距.顶部+边距.底部,
id:“squaresArea”
});
var SQg=SQsvg
.附加(“g”)
.attr(“转换”、“平移”(+margin.left+)、“+margin.top+”);
SQg.selectAll(“rect”)
.数据(dta.标签)
.输入()
.append(“rect”)
艾特先生({
x:左边,
y:函数(d,i){
返回i*65
},
“宽度”:宽度,
“高度”:50,
填充:“蓝色”
})
。打开(“单击”,向上);
SQg.选择全部(“文本”)
.数据(dta.标签)
.输入()
.append(“文本”)
.文本(功能(d){
返回d;
})
艾特先生({
x:左边,
y:函数(d,i){
返回i*65+20;
},
“字体系列”:“无衬线”,
“字体大小”:“15px”,
填充:“白色”
})
。打开(“单击”,向上);
功能启动(d,i){
//当用户选择正方形时更新条形图
var dta=getdta();
//更新时间(dta.标签[i]);
更新(d,dta.col[i]);
}
}
// ###########################################
函数prodTitlBasics(){
var保证金={
排名:2,
右:2,,
底部:2,
左:70
},
宽度=700,
高度=35;
返回{
保证金:保证金,
宽度:宽度,
高度:高度
};
}
函数addProdTitl(){
var basics=prodTitlBasics();
var保证金=基本保证金,
宽度=700-边距。左侧-边距。右侧,
高度=基本高度;
控制台日志(宽度)
var svg=d3。选择(“prodTitle”)
.append(“svg”)
艾特先生({
“宽度”:“100%”,
“高度”:“60”,
x:70
});
var svgG=svg
.附加(“g”)
艾特先生({
“转换”:“转换(“+margin.left+”,“+25+”),
id:“svgGxxx”
});
svgG.append(“rect”)
艾特先生({
“转换”:“转换(0,2)”
})
艾特先生({
x:25,//margin.left,
y:25,//margin.top,
宽度:700,//宽度,
高度:5,//20,
填写:“2bc896”
})
svgG.append(“文本”)
.文本(“XXXXXXXXXXXXX”)
艾特先生({