选择具有最高数据销售属性的选项

Question

类似jquery的一种新功能，无法在此上找到我的头。任何帮助将不胜感激。

将检查的属性添加到具有最高数据属性的无线电输入。

但：

一个。如果列表底部的无线电输入具有disabled =“disabled”属性，请选择第二个最高选项。

例如

<ul class="sales"> 
<li><input type="radio" data-sale="20"/></li> 
<li><input type="radio" data-sale="50"/></li> 
<li><input type="radio" data-sale="55"/></li> 
<li><input type="radio" checked="checked" data-sale="60"/></li><!--add checked attribute--> 
<li><input type="radio" disabled="disabled" data-sale="90"/></li> 

乙。如果禁用属性不在列表的底部，仍然检查最高的广播。

例如

<ul class="sales"> 
<li><input type="radio" data-sale="20"/></li> 
<li><input type="radio" data-sale="50"/></li> 
<li><input type="radio" disabled="disabled" data-sale="55"/></li> 
<li><input type="radio" data-sale="60"/></li> 
<li><input type="radio" checked="checked" data-sale="90"/></li><!--add checked attribute--> 

自然的HTML应用在列表中的第一个电台的检查。在这种情况下，数据销售= 20

我必须将该数据销售属性附加到一个容器跨度。

非常感谢您的帮助。

Answer 1

我不确定它是否是您需要的，但是： 首先，使用与您的收音机按钮相同的名称来链接它们。

<ul class="sales"> 
    <li><input type="radio" name="rad" data-sale="20"/></li> 
    <li><input type="radio" name="rad" data-sale="50"/></li> 
    <li><input type="radio" name="rad" data-sale="55"/></li> 
    <li><input type="radio" name="rad" data-sale="80"/></li> 
    <li><input type="radio" name="rad" disabled="disabled" data-sale="90"/></li> 
    </ul> 
Result :<span id="result"></span> 

这里jQuery代码：

var max_ds = 0; 
    $.each($("input:radio"), function() { 
    var data_sale = $(this).attr("data-sale"); 
    if (!$(this).prop('disabled')) { 
     if (max_ds < data_sale) { 
      max_ds = data_sale; 
      $(this).attr("checked", true); 
      $("#result").empty().append(data_sale); 
     } 
    } 
    }) 

您可以在此JSFiddle