禁用基于标签文本部分的单选按钮

Question

我有一些不同值的单选按钮（所以我不能像其他情况一样使用值）。是否可以根据标签中的特定文本禁用单选按钮的单击事件？

E.g。如果我有四个项目作为单选按钮和各种产品有各种大小和颜色但有些项目将有类似的文本，如(0)或(20)等（这是可用项目的数量）

第1项

1. Red Small（20）
2. Red Large（20）
3. Red EXtra Large（0）
4. Red EXtra EXtra Large（0）

第2项

1. Pink Small（20）
2. Pink Large（20）
3. Pink Slimfit（0）

所以很明智的很多产品可用，但只有类似的东西是文本(0)。

如果单选按钮在标签中有文字(0)，如何禁用点击事件？

Answer 1

您可以使用以下代码动态禁用单选按钮。

if(condition satisfies)
{
   $(this).attr('disabled',true);
}

Answer 2

根据数字是否为disabled设置0属性。例如，如果您有以下标记：

<label>A (0)<input type="radio" /></label>
<label>B (32)<input type="radio" /></label>
<label>C (0)<input type="radio" /></label>
<label>D (5)<input type="radio" /></label>

你可以这样做：

$('input[type="radio"]').prop('disabled', function() {
   return $(this).parent().text().match(/\((\d+)\)/)[1] == 0; 
});

Here's a fiddle