我基本上有两个表单,一个是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"的组