Maison >développement back-end >tutoriel php >jquery 让radio 选中
script.js
<code>$("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'); } }) </code>
index.php
<code><present name="pdiyong"> <div class="quan-list"> <h3>抵用券<i>(需实付金额超过¥30元,方可使用。每次5元累计使用)</i> </h3> <ul class="diyong"> <li> <input type="radio" name="pdiyong" data-par="0" value="0" 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>(需实付金额超过¥10元,方可使用。不累计使用)</i> </h3> <ul class="prop"> <li> <input type="radio" name="prop" data-par="0" value="0" 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> </code>
没办法让value='0'
的选中,是怎么回事呢?
script.js
<code>$("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'); } }) </code>
index.php
<code><present name="pdiyong"> <div class="quan-list"> <h3>抵用券<i>(需实付金额超过¥30元,方可使用。每次5元累计使用)</i> </h3> <ul class="diyong"> <li> <input type="radio" name="pdiyong" data-par="0" value="0" 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>(需实付金额超过¥10元,方可使用。不累计使用)</i> </h3> <ul class="prop"> <li> <input type="radio" name="prop" data-par="0" value="0" 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> </code>
没办法让value='0'
的选中,是怎么回事呢?
$("input:radio[name='pdiyong'][data-par='0']").attr("checked",true);
用prop()方法,关于prop和attr方法区别,自行google