Question

我有两组按钮，我喜欢按钮就像单选按钮一样，所以只能选择一个按钮。

例如：

<div id="top">
    <div class="span2">                         
    <input type=button  value="10" id="top_A" name="top_A" onclick="yourPick(this)"/>
    </div>
    <div class="span2">
    <input type=button  value="20" id="top_B" name="top_B" onclick="yourPick(this)"/>
    </div>
</div>
<div  id="bottom">
    <div class="span2">                         
    <input type=button value="30" id="top_C" name="top_C" onclick="yourPick(this)"/>
    </div>
    <div class="span2">
    <input type=button  value="40" id="top_D" name="top_D" onclick="yourPick(this)"/>
    </div>
</div>

所以你可以选择顶部的按钮10或20与div底部的30或40。

有什么建议吗？

PS：

function yourpick(pick){
    var pValue= pick.value;
    alert(pValue);
    $('#topPick').val(pValue); 
    $('#bottomPick').val(pValue); 
}

Answer 1

我从您的考试中移除了onclick属性，但您可以将属性禁用到组中的选定按钮并启用所有其他属性。这就是他们的行为方式就像无线电按钮一样。

$(document).ready( function () {

    handleGroup('#top .span2 input');
    handleGroup('#bottom .span2 input');

});


function handleGroup(selector) {
    var inputs = $(selector);

    inputs.live('click', function () {

        //this returns id if needed
        //alert($(this).attr('id'));

        inputs.attr('disabled','');

        $(this).attr('disabled','disabled');

    });
}

Answer 2

即使我同意user832715关于按钮的禁用属性的使用。

$（“＃selectButton1DivA”）。attr（“disabled”，false / true“）;

如何使用jquery作为单选按钮？

2 个答案: