2011-05-11 108 views
0

我有3個單選按鈕如果從數據庫檢查單選按鈕值,如何顯示文本框?

<input type="radio" name="preferedpaymt" value="CheckMailed" id="CheckMailed1" <?php if($paymnt=="CheckMail") {?> checked="checked" <?php }?> /> 
(a)Check Mailed 

<input type="radio" name="preferedpaymt" value="PayPal" <?php if($paymnt=="PayPal") {?> checked="checked" <?php }?> /> 
(b)By PayPal 

<input type="radio" name="preferedpaymt" value="WireTransfer" id="WireTransfer" <?php if($paymnt=="wireTransfer") {?> checked="checked" <?php }?> /> 
(c)Wire Transfer To Bank A/c$12 

但單選按鈕的值從數據庫中檢查。有了這兩個表是相關的 如果Radiobutton 2被檢查table1 1應該填充id tb1

這裏的問題是,當從數據庫檢查單選按鈕的值表沒有得到填充,如果你只有點擊它得到填充我想要它automatis我該怎麼做?

jQuery代碼,這是我現在用

<script type="text/javascript"> 
jQuery(function() { 
    jQuery("input[name=preferedpaymt]").change(function() { 
     if ($(this).val() == "PayPal") { 
      jQuery("#ppl").slideDown() 
     } else { 
      jQuery("#ppl").slideUp(); 
     } 
    }); 
}); 
</script> 
+0

-1甚至不打擾明確的問題。 – JohnP 2011-05-11 07:31:50

+1

你能告訴我如何發佈它嗎?我是新來的這位先生 – 2011-05-11 07:34:22

+1

@FrancisDCunha我已經清理了這個問題。請在下次發佈時重新填寫您發佈的問題,並確保您的問題和代碼可見。另外,請在發佈時閱讀格式幫助頁面。 – JohnP 2011-05-11 07:37:13

回答

4

或者你culd使用:

var chk_val = jQuery("input[name='preferedpaymt']:checked").val(); 
alert(chk_val); 

編輯:如何使用它!

你輸入:

<input type="radio" name="preferedpaymt" value="CheckMailed" id="CheckMailed1" <?php if($paymnt=="CheckMail") {?> checked="checked" <?php }?> /> 
(a)Check Mailed 

<input type="radio" name="preferedpaymt" value="PayPal" <?php if($paymnt=="PayPal") {?> checked="checked" <?php }?> /> 
(b)By PayPal 

<input type="radio" name="preferedpaymt" value="WireTransfer" id="WireTransfer" <?php if($paymnt=="wireTransfer") {?> checked="checked" <?php }?> /> 
(c)Wire Transfer To Bank A/c$12 

然後讓說你有,每次付款的choise一個表。例如:

注意所有表具有相同的類名,這是因爲我想默認隱藏所有表。 id屬性設置爲「table_paymentmethod」。

<table class="payment_table" id="table_CheckMailed" height="200" bgcolor="#00FF33" width="100px;" > 
<tr> 
    <td> 

    You checked Checked mail 
    </td> 
</tr> 
</table> 

<table class="payment_table" id="table_PayPal" height="200" bgcolor="#FF0000" width="100px;" > 
<tr> 
    <td> 

    You checked Paypal 
    </td> 
</tr> 
</table> 

<table class="payment_table" id="table_WireTransfer" height="200" bgcolor="#CCC" width="100px;" > 
<tr> 
    <td> 

    You checked wiretransfer 

    </td> 
</tr> 
</table> 

現在到了jquery派上用場的地方。

<script type="text/javascript"> 
jQuery(document).ready(function(){ 
     jQuery('.payment_table').hide(); // Hide all tables by default 

     var chk_val = jQuery("input[name='preferedpaymt']:checked").val(); // Grab the value of the selected radio 

     jQuery('#table_'+chk_val).slideDown(1000); // Slides down the right table on page load. 
    }); 
</script> 

那麼你去,應該爲你做的伎倆。我不是最好的解釋,但它應該是非常簡單的。

+0

我試過了,但表沒有自動poped用戶 – 2011-05-11 08:03:21

+0

@Francis檢查我最後的編輯,它應該爲你解決問題。 :) – Limpan 2011-05-13 08:14:05

相關問題