当前位置: 首页 > 知识库问答 >
问题:

jQuery pass单选按钮数组

齐昆
2023-03-14

我在弄清楚如何通过JQUERY传递选中的单选按钮值并最终传递给php时遇到了一点麻烦。

以下是html标记:

    <li class="gchoice_1_14_0">
        <input name="donation[]" type="radio" value="25" id="donation" tabindex="14">
        <label for="choice_1_14_0" id="label_1_14_0">$25</label>
    </li>

    <li class="gchoice_1_14_1">
        <input name="donation[]" type="radio" value="50" id="donation" tabindex="15">
        <label for="choice_1_14_1" id="label_1_14_1">$50</label>
    </li>

    <li class="gchoice_1_14_2">
        <input name="donation[]" type="radio" value="100" id="donation" tabindex="16">
        <label for="choice_1_14_2" id="label_1_14_2">$100</label>
    </li>

    <li class="gchoice_1_14_3">
        <input name="donation[]" type="radio" value="350" id="donation" tabindex="17">
        <label for="choice_1_14_3" id="label_1_14_3">$350 - Guardian Angel Sponsorship – a donation at this level provides interview and follow-up services for one child</label>
    </li>

    <li class="gchoice_1_14_4">
        <input name="donationother" type="radio" value="other_amount" id="donation" tabindex="18" onfocus="jQuery(this).next('input').focus();">
        <input id="donation_other" name="donation_other" type="text" value="" onfocus="jQuery(this).prev(&quot;input&quot;).attr(&quot;checked&quot;, true); if(jQuery(this).val() == &quot;Other&quot;) { jQuery(this).val(&quot;&quot;); }" onblur="if(jQuery(this).val().replace(&quot; &quot;, &quot;&quot;) == &quot;&quot;) { jQuery(this).val(&quot;Other&quot;); }" tabindex="18">
    </li>

然后,我试图通过jquery传递数据,这样就可以通过php捕获数据。这是我现在的jquery标记:

        post_data = {
            'user_name'     : $('input[name=full_name]').val(), 
            'user_email'    : $('input[name=email]').val(), 
            'address'   : $('input[name=address]').val(), 
            'address2'  : $('input[name=address2]').val(), 
            'city'  : $('input[name=city]').val(), 
            'state' : $('input[name=state]').val(), 
            'zip'   : $('input[name=zip]').val(), 
            'ccnum' : $('input[name=ccnum]').val(), 
            'expmonth'  : $('select[name=expmonth]').val(), 
            'expyear'   : $('select[name=expyear]').val(), 
            'cardname'  : $('input[name=cardname]').val(),
            'ccvcode'   : $('input[name=ccvcode]').val(),
            'donation'  : $('input[name=donation]').val(),
            'donation_other'    : $('input[name=donation_other]').val(),
            'phone_number'  : $('input[name=phone2]').val(), 
            'subject'       : $('select[name=subject]').val(), 
            'msg'           : $('textarea[name=message]').val()
        };

当我查看Chrome开发工具的传递时,捐赠字段根本没有传递。

有人能解释一下我错过了什么吗?我尝试了各种传递捐赠价值的方法,但都没有用。

谢谢你!

共有1个答案

伍捷
2023-03-14

对于那些研究并看到这篇文章的人来说,我的问题的正确答案是通过这样做来检测已经检查过的值:

'donation'  : $('input[name=donation]:checked').val(),
 类似资料:
  • 主要内容:创建单选按钮,单选按钮组,单选按钮事件,单选按钮焦点单选按钮通常组合在一起,以便用户进行单选,即用户只能在单选按钮列表中选择一个项目。 例如,当选择鞋子尺寸时,我们通常从列表中选择一个尺寸。 单选按钮只能执行:选择或取消选择。 以下代码显示,当放置在中时,只能选择一个。 上面的代码生成以下结果。 创建单选按钮 包中的类有两个构造函数。 要为其标签创建一个带有空字符串的单选按钮,然后再设置标签。 要创建具有指定标签的单选按钮。 方法带有参数可以显式选

  • 主要内容:硬编码的单选按钮,单选按钮内项,由地图生成的单选按钮以下部分显示如何使用JSF中的创建单选按钮。 标签呈现一组类型为“”的HTML输入元素,并使用HTML表格和标签标签进行格式化。 以下JSF代码 - 被渲染生成以下HTML代码 - 硬编码的单选按钮 以下是文件: 中的代码。 以下是文件: 中的代码 - 以下是文件: 中的代码 - 单选按钮内项 以下是文件: 中的代码。 以下是文件: 中的代码。 以下是文件: 中的代码。 由地图生成的单选按钮 以下

  • 问题内容: 我知道在某些Google线程中已经提到了这一点,但是我仍然找不到将无线电输入绑定到模型的正确解决方案(以简洁的方式), 目前,我有HTML: 在控制器中: 这不起作用(与复选框相同)… 关于如何在不丢失数据绑定的情况下在第一个单选按钮上设置默认值的任何想法? 谢谢! 问题答案: 我认为您应该在这两个单选按钮中使用具有不同值的相同变量。 然后,您应该根据用户输入设置“ Rma”或“ De

  • import { Radio } from 'feui'; components: { [Radio.name]: Radio }, data() { return { radio001: ["安徽", "北京"], radio001Value: "安徽", radio002Value: "北京", radio003: [ {

  • import { Checkicon } from 'feui'; components: { [Checkicon.name]: Checkicon } data () { return { demo1: false, demo2: true, demo3: false, demo4: true } } 代码演示 左对齐 <f

  • 这是一个 列表 拓展,可以用来创建单选和复选按钮组。 复选按钮组 <div class="list-block"> <ul> <!-- Single chekbox item --> <li> <label class="label-checkbox item-content"> <!-- Checked by default -->