jquery从无线电输入改变css

时间:2013-12-02 20:32:41

标签: jquery

我有输入为颜色选择器工作,但是当涉及到无线电输入时我错过了什么。
我很感激任何帮助
这是小提琴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());}
});

3 个答案:

答案 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());}
});