我有输入为颜色选择器工作,但是当涉及到无线电输入时我错过了什么。
我很感激任何帮助
这是小提琴http://jsfiddle.net/mpxgC/1/
------- HTML ---------
<div>
<label>
<input class=width name=group1 value=1px type=radio />1px
</label>
<label>
<input class=width name=group1 value=2px type=radio />2px
</label>
</div>
<div class=number2></div>
------- CSS ---------
.number2 {
width:100px;
height:100px;
border:2px solid #000000;
border-width:3px;
}
------- jQuery的---------
$("input[name='group1']:radio").change(function (){
if(this.checked) {$("div.number2").css('border-width',$('.width').val());}
});
答案 0 :(得分:3)
将您的jQuery更改为:
$("input[name='group1']").change(function () {
$("div.number2").css('border-width', $(this).val());
});
<强> jsFiddle example 强>
答案 1 :(得分:0)
应该是$('.width').text().trim()
而不是$('.width').val()
答案 2 :(得分:0)
试试这个
<div>
<label>
<input class=width name=group1 value=1px type=radio id="radio1" />1px
</label>
<label>
<input class=width name=group1 value=2px type=radio id="radio2" />2px
</label>
</div>
$("#radio1,#radio2").change(function (){
if(this.checked)
{$(".number2").css('border-width',$(this).val());}
});