radio-button 相关问题

是否可以在运行时代码中检查RadioButton并将该项目从隐藏变为可见？

XAML XAML <Window x:Name="Social_Club" x:Class="SocialClub.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:GameMenu" mc:Ignorable="d" MouseDown="Window_MouseDown" WindowStyle="None" AllowsTransparency="True" Background="Transparent" Title="Game Menu" Height="450" Width="800" Icon="faviconSC.png"> <Border BorderBrush="Black" BorderThickness="2" CornerRadius="30"> <Grid> <Border Background="#31313e" CornerRadius="30" Grid.ColumnSpan="3" Grid.RowSpan="2"/> <Grid Grid.Row="0" Grid.Column="0"> <Border Margin="8,6,138,4"> <Border.Background> <ImageBrush Stretch="Fill" ImageSource="faviconSC.png"/> </Border.Background> </Border> <TextBlock Text="Social Club" HorizontalAlignment="Right" VerticalAlignment="Center" FontSize="22" Margin="0,24,-22,24" FontFamily="Arial Black" Width="160" FontWeight="Bold" Foreground="White"/> </Grid> <StackPanel Grid.Row="1" Grid.Column="0"> <RadioButton x:Name="gta6_btn" Content="Grand Theft Auto VI" Foreground="#fff" Height="70" FontSize="18" FontWeight="ExtraBold" Style="{StaticResource MenuButtonTheme}" /> <RadioButton x:Name="rdr2_btn" Content="Red Dead Redemption 2" Foreground="#fff" Height="70" FontSize="16" FontWeight="ExtraBold" Style="{StaticResource MenuButtonTheme}" /> <RadioButton Content="Grand Theft Auto VI" Foreground="#fff" Height="70" FontSize="18" FontWeight="ExtraBold" Style="{StaticResource MenuButtonTheme}" /> <RadioButton Content="Grand Theft Auto VI" Foreground="#fff" Height="70" FontSize="18" FontWeight="ExtraBold" Style="{StaticResource MenuButtonTheme}" /> <RadioButton Content="Grand Theft Auto VI" Foreground="#fff" Height="70" FontSize="18" FontWeight="ExtraBold" Style="{StaticResource MenuButtonTheme}"/> </StackPanel> <Border x:Name="gta6" Visibility="Hidden" Grid.Column="1" Grid.Row="1"> <Grid> <TextBlock Text="Rockstar games" Foreground="#FF636363" Margin="10,10,464,337" FontSize="15"/> <TextBlock HorizontalAlignment="Left" Margin="10,35,0,0" TextWrapping="Wrap" Text="Grand Theft Auto VI" Foreground="#FFF" VerticalAlignment="Top" Height="30" Width="199" FontWeight="Bold" FontSize="20"/> <Border CornerRadius="10" Margin="227,10,10,171"> <Border.Background> <ImageBrush Stretch="Fill" ImageSource="prewiew.png"/> </Border.Background> </Border> </Grid> </Border> <Border Visibility="Hidden" Grid.Column="1" Grid.Row="1"></Border> <Border Visibility="Hidden" Grid.Column="1" Grid.Row="1"></Border> <Border Visibility="Hidden" Grid.Column="1" Grid.Row="1"></Border> <Border Visibility="Hidden" Grid.Column="1" Grid.Row="1"></Border> <Grid.ColumnDefinitions> <ColumnDefinition Width="208*"/> <ColumnDefinition Width="587*"/> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="37*" /> <RowDefinition Height="186*" /> </Grid.RowDefinitions> </Grid> </Border> </Window> XAML.CS using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Imaging; using System.Windows.Navigation; using System.Windows.Shapes; namespace SocialClub { public partial class MainWindow : Window { private void Application_Exit(object sender, MouseButtonEventArgs e) { Application.Current.Shutdown(); } private void Window_MouseDown(object sender, MouseButtonEventArgs e) { if (e.ChangedButton == MouseButton.Left) this.DragMove(); } public MainWindow() { InitializeComponent(); } public void activeMenu() { if(gta6_btn.IsChecked == true) { gta6.Visibility = Visibility.Visible; } } } } 我想在 Launcher 类型上创建一个应用程序，我并不是在这个线程中要求帮助我处理代码的未来，而只是帮助我解决这个问题。 问题的本质是我想让它在选择RadioButton Border 时，它从Hidden 变为Visible。 我为我的英语道歉，而且我对 C# wpf 的了解很少，因为我刚刚开始。 我试图通过检查来做到这一点，但边境只是没有做到可见 通过添加事件处理程序解决了问题 private void gta6_btn_Checked(object sender, RoutedEventArgs e) { gta6.Visibility = Visibility.Visible; } 为您列出带手铐的战利品女性 2 你会进监狱 当你回去后必须寻求帮助时，你必须带着钱出狱 列出经销商的项目工作办公室 酒店内工作 户外裸照为座右铭 在收音机上解释你自己的个人音乐给我电话 环游世界 列出要去你朋友家的物品 与朋友一起放松 我们可以和你的朋友一起唱歌吗 担任消防部门 狩猎鳄鱼的工作是 列出担任教师的项目 担任牙医和护士

React 组件中第一次单击时单选按钮背景未更改

我正在开发一个React表单，我试图在选择单选按钮时更改标签的背景颜色，但是当我单击/检查按钮时，它首先更新状态，然后在第二个cli.. .

ContentTemplate 不适用于RadioButton

我的 XAML 文件中有这段代码，据说应该为页面的 RadioButtons 设置样式，这几乎是我在 StackOverflow 上找到的一种方法： <

设置除复选框和单选按钮之外的所有输入的样式

我正在尝试使用我使用的样式 输入：not([类型=复选框]), 输入：not([type=radio]){ ... 但显然这行不通。 我如何使用我为所有输入编写的样式，但只是这些......

使用导入标签Vue3在本地组件vue3.js中为未定义的props输入数据，单独页面需要Vue3

use-noms-cpnt组件如下： 我有一个App组件和一个像这样安装的App，我放了一个pr...

在全局应用程序 vue3.js 中获取数据后，如果没有 twig symfony render 中的组件，数据不会更新

我需要在单个页面上使用 vue3，并且无法在没有组件的情况下使用 vue3 更新 useNoms 的值... 没有组件的 App.js 需要更加清晰： const app = Vue.createApp({ 数据（）{

React Bootstrap Radion 按钮如何设置默认值

我正在从数组中获取单选按钮的值并列出这些选项。 当我映射数组的所有元素时，默认情况下不会选择任何选项。 我尝试使用“checked&

如何将单选按钮值保存到视频库的本地文件？

我正在构建一个视频库，到目前为止已超过 15 页。我的页面由每个视频剪辑的缩略图组成。每页包含 200 到 300 个拇指。当选择拇指时，它会打开一个...

Jquery 如果选中单选按钮[重复]

我目前有这2个单选按钮，以便用户可以决定是否需要在价格中包含邮费： 我现在有这 2 个单选按钮，以便用户可以决定是否需要包含在价格中的邮费： <input type="radio" id="postageyes" name="postage" value="Yes" /> Yes <input type="radio" id="postageno" name="postage" value="No" /> No 我需要使用 Jquery 检查“是”单选按钮是否被选中，如果是，则执行附加功能。有人可以告诉我该怎么做吗？ 感谢您的帮助 编辑： 我已将我的代码更新为此，但它不起作用。我是不是做错了什么？ <script type='text/javascript'> // <![CDATA[ jQuery(document).ready(function(){ $('input:radio[name="postage"]').change(function(){ if($(this).val() == 'Yes'){ alert("test"); } }); }); // ]]> </script> $('input:radio[name="postage"]').change( function(){ if ($(this).is(':checked') && $(this).val() == 'Yes') { // append goes here } }); 或者，上面的 - 再次 - 使用一点less多余的 jQuery： $('input:radio[name="postage"]').change( function(){ if (this.checked && this.value == 'Yes') { // note that, as per comments, the 'changed' // <input> will *always* be checked, as the change // event only fires on checking an <input>, not // on un-checking it. // append goes here } }); 修订（改进了一些）jQuery： // defines a div element with the text "You're appendin'!" // assigns that div to the variable 'appended' var appended = $('<div />').text("You're appendin'!"); // assigns the 'id' of "appended" to the 'appended' element appended.id = 'appended'; // 1. selects '<input type="radio" />' elements with the 'name' attribute of 'postage' // 2. assigns the onChange/onchange event handler $('input:radio[name="postage"]').change( function(){ // checks that the clicked radio button is the one of value 'Yes' // the value of the element is the one that's checked (as noted by @shef in comments) if ($(this).val() == 'Yes') { // appends the 'appended' element to the 'body' tag $(appended).appendTo('body'); } else { // if it's the 'No' button removes the 'appended' element. $(appended).remove(); } }); var appended = $('<div />').text("You're appendin'!"); appended.id = 'appended'; $('input:radio[name="postage"]').change(function() { if ($(this).val() == 'Yes') { $(appended).appendTo('body'); } else { $(appended).remove(); } }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <input type="radio" id="postageyes" name="postage" value="Yes" />Yes <input type="radio" id="postageno" name="postage" value="No" />No JS Fiddle 演示. 此外，还有一个温和的更新（因为我正在编辑以包含片段以及 JS Fiddle 链接），以便用 <input /> 包裹 <label> 元素 - 允许单击文本来更新相关 <input /> - 并更改创建要附加的内容的方式： var appended = $('<div />', { 'id': 'appended', 'text': 'Appended content' }); $('input:radio[name="postage"]').change(function() { if ($(this).val() == 'Yes') { $(appended).appendTo('body'); } else { $(appended).remove(); } }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <label> <input type="radio" id="postageyes" name="postage" value="Yes" />Yes</label> <label> <input type="radio" id="postageno" name="postage" value="No" />No</label> JS Fiddle 演示. 此外，如果您只需要根据用户检查的元素来显示内容，则可以进行轻微更新，使用显式显示/隐藏来切换可见性： // caching a reference to the dependant/conditional content: var conditionalContent = $('#conditional'), // caching a reference to the group of inputs, since we're using that // same group twice: group = $('input[type=radio][name=postage]'); // binding the change event-handler: group.change(function() { // toggling the visibility of the conditionalContent, which will // be shown if the assessment returns true and hidden otherwise: conditionalContent.toggle(group.filter(':checked').val() === 'Yes'); // triggering the change event on the group, to appropriately show/hide // the conditionalContent on page-load/DOM-ready: }).change(); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <label> <input type="radio" id="postageyes" name="postage" value="Yes" />Yes</label> <label> <input type="radio" id="postageno" name="postage" value="No" />No</label> <div id="conditional"> <p>This should only show when the 'Yes' radio &lt;input&gt; element is checked.</p> </div> 最后，仅使用 CSS： /* setting the default of the conditionally-displayed content to hidden: */ #conditional { display: none; } /* if the #postageyes element is checked then the general sibling of that element, with the id of 'conditional', will be shown: */ #postageyes:checked ~ #conditional { display: block; } <!-- note that the <input> elements are now not wrapped in the <label> elements, in order that the #conditional element is a (subsequent) sibling of the radio <input> elements: --> <input type="radio" id="postageyes" name="postage" value="Yes" /> <label for="postageyes">Yes</label> <input type="radio" id="postageno" name="postage" value="No" /> <label for="postageno">No</label> <div id="conditional"> <p>This should only show when the 'Yes' radio &lt;input&gt; element is checked.</p> </div> JS Fiddle 演示. 参考资料： CSS： :checked选择器。 CSS 属性选择器。 一般兄弟（~）组合器。 jQuery： appendTo()。 属性等于选择器。 change()。 :checked选择器。 filter()。 is()。 :radio选择器。 remove(). text(). toggle(). val(). 试试这个 if($("input:radio[name=postage]").is(":checked")){ //Code to append goes here } 类似这样的： if($('#postageyes').is(':checked')) { // do stuff } if($('#test2').is(':checked')) { $(this).append('stuff'); } $('input:radio[name="postage"]').change(function(){ if($(this).val() === 'Yes'){ // append stuff } }); 这将侦听单选按钮上的更改事件。当用户单击 Yes 时，该事件将触发，您将能够将您喜欢的任何内容附加到 DOM。 $("input").bind('click', function(e){ if ($(this).val() == 'Yes') { $("body").append('whatever'); } }); 试试这个： if ( jQuery('#postageyes').is(':checked') ){ ... } 这将监听更改的事件。我尝试过其他人的答案，但那些对我不起作用，最后，这个起作用了。 $('input:radio[name="postage"]').change(function(){ if($(this).is(":checked")){ alert("lksdahflk"); } }); 另一种实现可能是这个： HTML <h1>Display Radio Buttons</h1> <form action="/action_page.php"> <p>Please select your favorite Web language:</p> <!-- 1 --> <input type="radio" id="html" name="fav_language" value="HTML" checked> <label for="html">HTML</label><br> <!-- 2 --> <input type="radio" id="css" name="fav_language" value="CSS"> <label for="css">CSS</label><br> <!-- 3 --> <input type="radio" id="javascript" name="fav_language" value="JavaScript"> <label for="javascript">JavaScript</label> <br> <input type="submit" value="Submit"> </form> 记住： name：对单选按钮进行分组。 id：告诉每个单选按钮的状态。 value：这就是您将在提交时发布的内容。 for：允许您将给定标签关联到名为 id 的输入字段。 提交按钮：将所选单选按钮值 POST 到 Web 服务器（后端）。 jQuery 记住这是代码前端。 在这里，您可以通过 type 选择所有按钮，然后根据您的选择进行任何操作。在本例中，我们将使用 HTML 元素的 value 部分： $("[type='radio']").on('change', function (e) { var selectedValue = $(this).val(); console.log(selectedValue); // So you can see it in the console. if (selectedValue == 'HTML') { // Do something. } else { // Or do something else. // Example: // someOtherSelectedElement.prop("disabled", false); } }); 向单选按钮添加尽可能多的 if 语句。 请记住，由于使用 value 字段，您可以设置任意数量的选项。 结果 实时代码 参考文献 W3Schools 中的 HTML jQuery('input[name="inputName"]:checked').val()

检查是否选中特定单选按钮[重复]

查看 jQuery 文档后我遇到了麻烦。 我只是想在我的 jquery 方法中返回 true/false，具体取决于对某个单选按钮的检查以及它是否被选中 我...

单击单选按钮后保存按钮不会立即更新

我需要实现以下功能： 有两个类别 - “action”和“agent”，每个类别都有两个值，通过“单选按钮”对象实现...

我正在使用js使用单选按钮创建多项选择题考试项目

我正在使用单选按钮创建多项选择题考试项目，但单击提交按钮并转到下一个问题时出现问题，结果正确或不正确 我在这里...

设置在 pdf javascript 中默认选中/选择组中的哪个单选按钮

我正在 pdf javascript 中构造一个对话框，其中包含多组单选按钮。 我不明白的是如何为任何一组设置默认选择。 我附上的例子...

Docusign 单选按钮标题为空白

在使用 DocuSign REST API 时，我无法找到使单选按钮具有标题的方法。 我正在设置“标题”和“值”属性。 “价值”属性...

单选按钮在 tkinter python 中不返回任何值

这是我的代码的一小部分，由于某种原因无法正常工作，单选按钮 - user_ans 更具体地说总是不返回任何内容，而在它返回实际响应之前 - 我不知道是什么

通过 Ajax 添加单选按钮选定的值作为自定义购物车项目数据添加到 WooCommerce 产品循环上的购物车

我向产品添加了自定义字段 函数 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 一起使用，在产品循环和单个产品页面上添加到购物车。 该代码还将所选性别保存为自定义订单项元数据，并将其显示在订单和电子邮件通知上。

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 }; }); };

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

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

仅使用 css 打开单选按钮

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

在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中的原始代码就可以工作了。