jquery 让radio 选中-php教程-PHP中文网

jquery 让radio 选中

php中文网

发布： 2016-06-06 20:43:40

原创

1279人浏览过

script.js

$("input:radio[name=pdiyong]").click(function(){


pay_sum = parseFloat($("#pay-sum").text());

if($("input:radio[name=pdiyong]:checked").data('par') > 0)
{
    if( pay_sum > 30)
    {
        $("input:radio[name=prop]").attr('disabled','disabled');
    }
    else
    {
        $("input:radio[name='pdiyong'][data-par='0']").attr("checked",true);
        $("input:radio[name='pdiyong']").attr('disabled','disabled');
        alert("实付未超过30元，不能使用抵用券！")
    }
}
else
{

    $("input:radio[name=prop]").removeAttr('disabled');
}

})

登录后复制

index.php

<present name="pdiyong">
<div class="quan-list">
<h3>抵用券<i>(需实付金额超过&yen;30元,方可使用。每次5元累计使用)</i></h3>
<ul class="diyong">
<li><input type="radio" name="pdiyong" data-par="0"  value="0" checked="checked"/>不使用抵用券</li>
<volist name="pdiyong" id="item">
<li><input type="radio" name="pdiyong" data-par="{$item.value}" value="{$item.id}" />名称:{$item.name} 金额:{$item.value}</li>
</volist>
</ul>
</div>
</present>
<present name="prop">
<div class="quan-list">
<h3>代金券<i>(需实付金额超过&yen;10元,方可使用。不累计使用)</i></h3>
<ul class="prop">
    <li><input type="radio" name="prop" data-par="0" value="0"  checked="checked" />不使用代金券</li>
<volist name="prop" id="item">
    <li><input type="radio" name="prop" data-par="{$item.value}" value="{$item.id}" /> 名称:{$item.name} 金额:{$item.value}</li>
</volist>
</ul>
</div>
</present>

登录后复制

没办法让value='0'的选中，是怎么回事呢？

回复内容：

script.js

$("input:radio[name=pdiyong]").click(function(){


pay_sum = parseFloat($("#pay-sum").text());

if($("input:radio[name=pdiyong]:checked").data('par') > 0)
{
    if( pay_sum > 30)
    {
        $("input:radio[name=prop]").attr('disabled','disabled');
    }
    else
    {
        $("input:radio[name='pdiyong'][data-par='0']").attr("checked",true);
        $("input:radio[name='pdiyong']").attr('disabled','disabled');
        alert("实付未超过30元，不能使用抵用券！")
    }
}
else
{

    $("input:radio[name=prop]").removeAttr('disabled');
}

})

登录后复制

index.php

<present name="pdiyong">
<div class="quan-list">
<h3>抵用券<i>(需实付金额超过&yen;30元,方可使用。每次5元累计使用)</i></h3>
<ul class="diyong">
<li><input type="radio" name="pdiyong" data-par="0"  value="0" checked="checked"/>不使用抵用券</li>
<volist name="pdiyong" id="item">
<li><input type="radio" name="pdiyong" data-par="{$item.value}" value="{$item.id}" />名称:{$item.name} 金额:{$item.value}</li>
</volist>
</ul>
</div>
</present>
<present name="prop">
<div class="quan-list">
<h3>代金券<i>(需实付金额超过&yen;10元,方可使用。不累计使用)</i></h3>
<ul class="prop">
    <li><input type="radio" name="prop" data-par="0" value="0"  checked="checked" />不使用代金券</li>
<volist name="prop" id="item">
    <li><input type="radio" name="prop" data-par="{$item.value}" value="{$item.id}" /> 名称:{$item.name} 金额:{$item.value}</li>
</volist>
</ul>
</div>
</present>

登录后复制

没办法让value='0'的选中，是怎么回事呢？

$("input:radio[name='pdiyong'][data-par='0']").attr("checked",true);
用prop()方法，关于prop和attr方法区别，自行google