2011-12-21 34 views
1

我基本上有兩種形式,一種是男性,另一種是女性。 下面的代碼適用於男性表單,但是當我修改我的代碼爲女性頁面做同樣的事情時,它不起作用。我發現,如果男性表單的代碼首先是可用的,但不適用於女性表單。如果我先將女性代碼放入其中,但是男性形式/代碼將不起作用。因此,它的工作原理,但我認爲即使我改變了單選按鈕的名稱,jqtouch/jquery也無法區分這兩組單選按鈕。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 and multiple radio button groups problem

$("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> 

回答

0

嘗試

$("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」的組

+0

我剛剛使用複選框,而不是更容易使用。我可以禁用並啓用它們,因爲我也喜歡它們 – bazzinga 2011-12-27 01:19:28

相關問題