Question

jquery中，怎么实现一个按钮按下去不可选了但是按了别的之后又可选

<volist name="employee_parcel" id="pvo">
<div class="clearfix"></div>
<input type="button" ef="true" class="mr_5 mb_20 p_price" style="width:80px" name="aaa" id = "{$i}" value="{$pvo.name}" >
<input type="hidden" id="employee_name" >
</volist>

然后会出来大概六七个按钮把
选中一个之后该按钮就不可在点击
但是如果再点击别的按钮，本按钮变不可点击之后，刚才那个不可点击的变为可点击，应该怎么实现呢？

Answer 1

$(function(){
    $("input[type='button']").each(function(){
        $(this).click(function(){
            $(this).attr("disabled", true).prop("disabled", true).siblings().attr("disabled", false).prop("disabled", false);
        });
    });
});

<form>
<input type="button" value="a"/>
<input type="button" value="b"/>
<input type="button" value="c"/>
<input type="button" value="d"/>
</form>

Answer 2

<volist name="employee_parcel" id="pvo">
    <div class="clearfix"></div>
    <input type="button" ef="true" class="mr_5 mb_20 p_price" style="width:80px" name="aaa" id="{$i}" value="{$pvo.name}">
    <input type="hidden" id="employee_name">
</volist>
<script>
    var pvo = $("#pvo");
    pvo.find(":button").click(function() {
        var me = $(this),
            ind = me.index("#pvo :button");
        me.prop("disabled", true);
        pvo.find(":button:not(:eq('" + ind + "'))").prop("disabled", false);
    });
</script>

Answer 3

你要实现的结果和单选按钮有什么区别吗？

追问

没有，但是他们就是要这个效果。。。。

追答

<script type="text/javascript" src="../jquery.min.js"></script>
<script type="text/javascript">    
    $(function(){
    $("input[type='button']").each(function(){
        $(this).click(function(){
            $(this).attr("disabled", true).prop("disabled", true).siblings().attr("disabled", false).prop("disabled", false);
        });
    });
});
</script>

<div>
<input type="button" value="button1"/>
<input type="button" value="button2"/>
<input type="button" value="button3"/>
<input type="button" value="button4"/>
<input type="button" value="button5"/>
</div>

这个方法是可以的。

追问

我把它copy到html 中 好像不行啊～～

追答

你引入jquery文件了吗？看看jquery文件路径对不对。

追问

我在前面加了$(this).attr("disabled",true);之后可以了，因为第一次按下去他没有禁用掉所以按2此才有效果吧可能O.O

然后还有个问题，我去alert这每个步骤，发现第一次点击的时候好像不触发$(this).click(function(){之后的，这是为什么？