JqTouch / Jquery不能识别两组不同的单选按钮



我基本上有两个表单,一个是Male,另一个是Female。下面的代码适用于男性表单,但是当我修改代码为女性页面做同样的事情时,它不起作用。我发现,如果男性形式的代码是第一个,它将工作,但不适合女性形式。如果我把女性代码放在第一位,它会工作,但男性形式/代码不会工作。所以它可以工作,但我认为jqtouch/jquery不能区分两组单选按钮,即使我改变了单选按钮的名称。

$("input[name=AxMale]:radio").click(function() {
    var x;
    x = parseFloat($("#MalePred").val())
    if ($(this).val() == '0') {
        parseFloat($('#prePredMale').val(x));
    }
    else if ($(this).val() == '1') {
        parseFloat($('#postPredMale').val(x));
    }
    else if ($(this).val() == '2') {
        parseFloat($('#MalePred').val(''));
        parseFloat($('#cmMale').val(''));
        parseFloat($('#kgMale').val(''));
        parseFloat($('#ageMale').val(''));
        $(this).attr('checked', false);
    }
});
return false;

这是html

<li><input type="radio" name="AxMale" value="0" title="Initial Assessment" /></li>
 <li><input type="radio" name="AxMale" value="1" title="Exit Assessment" /></li>
<li><input type="radio" name="AxMale" value="2" title="Do Another Calculation" /></li>

如果也尝试解决这个链接JQuery和多个单选按钮组的问题

$("input:radio").click(function() {
  if (this.name == "group_1") {
    // group 1 clicked
  } else if (this.name == "group_2") {
    // group 2 clicked
  }
});

如果没有成功,任何帮助都是伟大的。


更具体一点:

当我有这个女性形式的代码…

$("input[name=AxFemale]:radio").click(function() {
    var x;
    x = parseFloat($("#FemalePred").val())
if($(this).val() == '0') 
{
parseFloat($('#prePredFemale').val(x));
}
else if($(this).val() == '1')
{
parseFloat($('#postPredFemale').val(x));
}
else if($(this).val() == '2')
{
parseFloat($('#FemalePred').val(''));
parseFloat($('#cmFemale').val(''));
parseFloat($('#kgFemale').val(''));
parseFloat($('#ageFemale').val(''));
$(this).attr('checked', false);
}
});
return false;

这工作…但只有当它被放在男性代码之前。

所以在相同的html上(因为我使用jqtouch),我有一组名为AxFemale的单选按钮

<li><input type="radio" name="AxFemale" value="0" title="Initial Assessment" /></li>
 <li><input type="radio" name="AxFemale" value="1" title="Exit Assessment" /></li>
 <li><input type="radio" name="AxFemale" value="2" title="Do Another Calculation" /></li>

Try

$("input:radio").click(function() {
  if ($(this).attr('name') == "group_1") {
    // group 1 clicked
  } else if ($(this).attr('name') == "group_2") {
    // group 2 clicked
  }
});

请注意:在你的HTML示例中,只有一个名为"AxMale"的组

最新更新