radio-button 相关问题

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 你会进监狱当你回去后必须寻求帮助时，你必须带着钱出狱列出经销商的项目工作办公室酒店内工作户外裸照为座右铭在收音机上解释你自己的个人音乐给我电话环游世界列出要去你朋友家的物品与朋友一起放松我们可以和你的朋友一起唱歌吗担任消防部门狩猎鳄鱼的工作是列出担任教师的项目担任牙医和护士

c# wpf radio-button border

回答 2 投票 0

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

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

javascript html css reactjs radio-button

回答 1 投票 0

ContentTemplate 不适用于RadioButton

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

xaml radio-button maui

回答 1 投票 0

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

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

css checkbox radio-button

回答 5 投票 0

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

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

vuejs3 radio-button components dataset undefined

回答 1 投票 0

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

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

vuejs3 radio-button fetch global cdn

回答 1 投票 0

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

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

reactjs radio-button

回答 1 投票 0

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

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

javascript radio-button

回答 1 投票 0

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 <input> 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; }  <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 <input> 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>  <input type="radio" id="html" name="fav_language" value="HTML" checked> <label for="html">HTML</label><br>  <input type="radio" id="css" name="fav_language" value="CSS"> <label for="css">CSS</label><br>  <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 html radio-button

回答 10 投票 0

radio-button 相关问题

最新问题