Question

我有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的价值。与这两个表相关联如果选中Radiobutton 2，则table1 1应填充id tb1

这里的问题是当从数据库中检查单选按钮的值时，如果你只点击它就会填充表格填充我希望它自动运行我该怎么办？

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>

Answer 1

或者你使用了：

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

然后假设您为每个付款选择都有一个表格。例如：

注意所有表都具有相同的类名，因为我想默认隐藏所有这些类。 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>

那么你去，应该为你做的伎俩。我不是最好的解释，但它应该非常简单。

如果从数据库中检查单选按钮值，如何显示文本框？

1 个答案: