radio-button 相关问题

我向产品添加了自定义字段函数 my_add_radio_field() { ?> 性别？我向产品添加了自定义字段 function my_add_radio_field() { ?> <div class="custom-field-wrap gender-field-wrap" style="margin: 10px;"> <h4>Gender?</h4> <div class="form-check form-check-inline"> <label for="g-gender-boy">Boy</label> <input type="radio" id="g-gender-boy" name="g_gender" value="boy" /> </div> <div class="form-check form-check-inline"> <label for="g-gender-girl">Girl</label> <input type="radio" id="g-gender-girl" name="g_gender" value="girl" /> </div> </div> <?php } add_action( 'woocommerce_before_add_to_cart_button', 'my_add_radio_field' ); 添加验证 function my_add_to_cart_validation( $passed, $product_id, $quantity, $variation_id = null ) { if (empty( $_POST['g_gender'] )) { $passed = false; wc_add_notice( __( 'Gender is a required field.', 'my-theme' ), 'error' ); } return $passed; } add_filter( 'woocommerce_add_to_cart_validation', 'my_add_to_cart_validation', 10, 4 ); 添加自定义字段数据 function myr_add_cart_item_data( $cart_item_data, $product_id, $variation_id ) { if ( isset( $_POST['g_gender'] ) ) { $cart_item_data['custom_data']['guest_gender'] = sanitize_text_field( $_POST['g_gender'] ); } return $cart_item_data; } add_filter( 'woocommerce_add_cart_item_data', 'myr_add_cart_item_data', 10, 3 ); 显示在购物车中 function display_custom_data_in_cart($item_data, $cart_item) { if (isset($cart_item['custom_data']['guest_gender']) && !empty($cart_item['custom_data']['guest_gender'])) { $item_data[] = array( 'key' => 'Gender', 'value' => $cart_item['custom_data']['guest_gender'], ); } } return $item_data; } add_filter('woocommerce_get_item_data', 'display_custom_data_in_cart', 10, 2); 一切正常。 “AJAX 添加到存档上的购物车按钮” - 已启用。当我在类别页面上单击“添加到购物车”时，我将被重定向到产品页面以填写字段。如何才能做到在品类页面选择并购买而不去产品？我可以在产品标题后将字段添加到循环中，但接下来该怎么办？ add_action( 'woocommerce_shop_loop_item_title', 'my_add_radio_field' ); 要将自定义必需的单选按钮添加到 WooCommerce 存档页面上的产品并将所选值添加为自定义购物车项目数据，您可以使用以下命令： // Utility function: Custom radio buttons HTML output function custom_input_radio_field( $field_key ) { printf( '<div class="custom-field-wrap gender-field-wrap" style="margin: 10px;"> <h4>%s</h4><div class="form-check form-check-inline"> <label for="g-gender-boy">%s</label> <input type="radio" id="g_gender-boy" name="%s" value="boy" /> </div> <div class="form-check form-check-inline"> <label for="g-gender-girl">%s</label> <input type="radio" id="g_gender-girl" name="%s" value="girl" /> </div></div>', __('Gender?', 'woocommerce'), __('Boy', 'woocommerce'), $field_key, __('Girl', 'woocommerce'), $field_key ); } // On product loop (archive pages) add_action( "woocommerce_after_shop_loop_item", 'loop_product_add_custom_input_radio_field', 3 ); function loop_product_add_custom_input_radio_field() { global $product; if ( $product->supports( 'ajax_add_to_cart' ) && $product->is_purchasable() && $product->is_in_stock() ) { custom_input_radio_field( 'g_gender-'.$product->get_id() ); } } // On single product add_action( 'woocommerce_before_add_to_cart_button', 'single_product_add_custom_input_radio_field', 10 ); function single_product_add_custom_input_radio_field() { custom_input_radio_field( 'g_gender' ); } // Field validation add_filter( 'woocommerce_add_to_cart_validation', 'validate_custom_input_radio_field', 10, 1 ); function validate_custom_input_radio_field( $passed ) { if ( isset($_REQUEST['g_gender']) && empty($_REQUEST['g_gender']) ) { wc_add_notice( __( 'Gender is a required field.', 'woocommerce' ), 'error' ); return false; } return $passed; } // jQuery code add the radio button selected value to the request on Ajax add to cart add_action( "init", 'custom_radio_field_loop_jquery_script', 1 ); function custom_radio_field_loop_jquery_script() { wc_enqueue_js( "$(document.body).on('adding_to_cart', function( e, btn, data ){ const radio = '[name=\"g_gender-'+data.product_id+'\"]', radioVal = $(radio+':checked').val(); data['g_gender'] = radioVal ? radioVal : 0; return data['g_gender']; });" ); } // Add checked radio button value as custom cart item data add_action( 'woocommerce_add_cart_item_data', 'add_cart_item_radio_field_value', 10, 2 ); function add_cart_item_radio_field_value( $cart_item_data, $product_id ) { if ( isset($_REQUEST['g_gender']) && !empty($_REQUEST['g_gender']) ) { $cart_item_data[ 'gender' ] = esc_attr($_REQUEST['g_gender']); $cart_item_data['unique_key'] = md5( microtime().rand() ); } return $cart_item_data; } // Display Gender value in minicart, cart and checkout add_filter( 'woocommerce_get_item_data', 'display_cart_item_certificate_field_value', 10, 2 ); function display_cart_item_certificate_field_value( $cart_data, $cart_item ) { if( isset($cart_item['gender']) ) { $cart_data[] = array( 'name' => __('Gender', 'woocommerce'), 'value' => $cart_item['gender'] ); } return $cart_data; } // Save Gender value as custom order item data and display it on orders and emails add_action( 'woocommerce_checkout_create_order_line_item', 'add_order_item_gender_value', 10, 4 ); function add_order_item_gender_value( $item, $cart_item_key, $values, $order ) { if( isset($values['gender']) ) { $item->add_meta_data( 'gender', $values['gender'], true ); } } // Change Gender displayed meta key label to something readable add_filter('woocommerce_order_item_display_meta_key', 'filter_order_item_displayed_meta_key', 20, 3 ); function filter_order_item_displayed_meta_key( $displayed_key, $meta, $item ) { if( $item->get_type() === 'line_item' && $meta->key === 'gender' ) { $displayed_key = __('Gender', 'woocommerce'); } return $displayed_key; } 代码位于子主题的functions.php 文件中（或插件中）。与 Ajax 一起使用，在产品循环和单个产品页面上添加到购物车。该代码还将所选性别保存为自定义订单项元数据，并将其显示在订单和电子邮件通知上。

php jquery wordpress woocommerce radio-button

回答 1 投票 0

ReactJS：如何设置通过单选按钮选择的对象的状态？

在我的UsedComponents 组件中，我有一个映射的单选按钮列表，每个按钮都返回componentType 作为值。 this.props.usedComponents.map((组件，索引) => ( 在我的 UsedComponents 组件中，我有一个映射单选按钮列表，每个按钮都返回 componentType 作为值。 this.props.usedComponents.map((component, index) => ( <RadioButton key={index} id={component.componentType} icon={ButtonIco} label={component.componentName} name="select" value={component.componentType} inputClass={classes.RadioInput} labelClass={classes.RadioLabel} selected={component.selected} handleChange={this.props.selectComponent} /> )) 我的状态是这样的： constructor(props) { super(props); this.state = { components: components, usedComponents: [components[0], components[2], components[3]], }; this.selectComponentHandler = this.selectComponentHandler.bind(this); } components 是导入的对象数组，每个对象看起来像这样： { componentType: "headerLogoNavigation", componentName: "Header 02", padding: "small", fontSize: "small", fontColor: "#1f1f1f", fontFamily: "Sans-serif", backgroundColor: "#ffffff", image: placeholderLogo, selected: false, isEditing: false, margins: false, roundCorners: "none", mobile: "false" } 在我的 Page 组件中，我尝试将 selectComponentHandler 属性传递给我的 UsedComponents 组件，该组件应根据所选单选按钮的值选择一个组件并将其状态设置为 selected: true。为了获得额外的好处，它应该将之前选择的任何组件的状态设置为 selected: false。到目前为止，我设法弄清楚如何选择组件，但我无法更新其状态。在我放弃之前，我最后一次尝试创建这个处理程序，如下所示： selectComponentHandler = event => { this.setState(prevState => { let selected = prevState.usedComponents.filter(item => item.componentType === event.target.value); selected.selected = 'true'; return { selected }; }); }; 并且尝试过滤 prevState 内的 setState 以获得与单选按钮的 componentType 匹配的 event.target.value 并设置其状态，但我搞乱了逻辑或语法。我怎样才能知道我做错了什么？我想通了。虽然有点 hacky，但确实有效。 selectComponentHandler = event => { const value = event.target.value; this.setState(prevState => { let selected = prevState.usedComponents.filter(item => item.componentType === value).shift(); let unSelected = prevState.usedComponents.filter(item => item.selected === true).shift(); if(unSelected) { unSelected.selected = false; } selected.selected = true; return { unSelected, selected }; }); };

reactjs radio-button

回答 1 投票 0

AngularJS (1.5.0) 嵌套 ng-repeat 与单选按钮未正确初始化检查

我使用动态名称属性技术。我正在使用 AngularJS 版本 1.5.0。当我运行这个 AngularJS 示例（下面的代码）时，它嵌套了 ng-repeats（所以我使用 $index 和 $parent.$index），我expe...

angularjs radio-button angularjs-ng-repeat

回答 1 投票 0

仅使用 css 打开单选按钮

我正在尝试用CSS打开一个单选按钮：我有一个单选按钮 1 和一个单选按钮 2。在单选按钮 2 l 中有一个内容我想强调一下。在带有 css 目标的单选按钮 1 中...

html css radio-button target

回答 1 投票 0

在php中获取编号无线电数组名称的值[重复]

我正在使用 php 构建一个应用程序该表单是使用for循环语句生成的如何获取每一行的值？超文本标记语言我正在使用 php 构建一个应用程序使用for循环语句生成表单如何获取每一行的值？ HTML <form action="submitchecklist.php" method="post"> <table border="2"> <thead> <th colspan="2">PLUMBING</th> </thead> <tbody> <tr> <td></td> <td> Leakage </td> <td>Heater</td> </tr> <?php for ($i = 201; $i <= 215; $i++) { echo ' <tr> <td>' . $i . '</td> <td> <input type="radio" value="yes" name="leak' . $i . '_[]" id="">Yes <input type="radio" value="no" name="leak' . $i . '_[]" id="">No </td> <td> <input type="radio" value="yes" name="heat' . $i . '_[]" id="">Yes <input type="radio" value="no" name="heat' . $i . '_[]" id="">No </td> </tr> ' } ?> </tbody> </table> </form> 我想从表单中获取每一行的值提交检查列表.php <?php foreach ($_POST['leak'] as $key => $value) { echo "<br />"; echo $value; echo (isset($heat[$key])) ? $leak_no[$key] : ""; } 你可以这样做： for ($i = 201; $i <= 215; $i++) { $leak_value = $_POST['leak'.$i.'_[]']; $heat_value = $_POST['heat'.$i.'_[]']; echo $leak_value; echo $heat_value; } 但这leak' . $i . '_[]并不是组织名字的好方法。您应该更改无线电输入的名称： <input type="radio" value="yes" name="leak[' . $i . ']" id=""> 这样你在submitchecklist.php中的原始代码就可以工作了。

php html radio-button

回答 2 投票 0

在单个 body 属性中创建两组独立的单选按钮的方法

我的目标是在我的应用程序的单个页面中拥有两组不同的单选按钮。我编写了以下代码，该代码现在是错误的，需要帮助。我在

flutter radio-button radiobuttonlist

回答 1 投票 0

自动循环单选按钮，也可以手动切换

我试图通过 jquery 每 5 秒自动迭代一次单选按钮；但是，当我手动切换按钮时，我需要该功能也能运行。这是我到目前为止所拥有的： $(记录...

javascript jquery radio-button settimeout setinterval

回答 1 投票 0

如何根据RadioButton选项是否是正确的选择来更改其颜色？

我目前正在开发一个 R Shiny 应用程序来培训我们公司的一些 R 新手。使用 Shiny，我想包含多项选择题和选项来测试人们对某些问题的了解。对于