Tag: 单选按钮

如何动态创建表单元素

我有以下代码我试图动态创建带有和不带标签的单选按钮。 当我创建单选按钮时,我无法将文本放在单选按钮中,这里是没有标签的代码这是期望的 Alex $(”).attr({ type:’radio’, name:’name’, value: “Alex”, text:”Alex” }).insertAfter(“#divid”)); 现在有了标签, Alex //create a label tag var label = $(”, { text:”Alex”}); //append input tag to label $(label).append($(”).attr({ type:’radio’, name:”Alex”, value:”Alex” }).insertAfter(“#divid”)); 以上两个都不会在控制台上产生任何错误,但它不会产生我感兴趣的正确的HTML标签。还有一种方法可以直接向无线电添加标签,因为我动态创建它们。 我的意思是我不想创建一个标签标签,并附加单选按钮。 非常感谢您的帮助

如果jqueryvalidation激活,如何在单选按钮中放置红色边框

我的问题是,如果jqueryvalidation激活就像在示例图片中一样,我不能使单选按钮具有红色边框。 请有人帮我这个。 http://sofzh.miximages.com/javascript/gender_zps0b3bea26.png 当前输出: http : //jsfiddle.net/5kcsn/47/ 我试图这样但不行 .radio-class{ border: solid 1px #a94442; }

动态创建IE7单选按钮问题

当我创建单选按钮克隆时,我在IE7中遇到了问题。 我正在动态更新名称和ID属性,但是,我仍然有一个问题,即正在检查的单选按钮会重置已动态创建的其他任何按钮。 知道如何解决这个问题吗? 这是一个问题的小提琴 这是操作表单字段的JS代码: // Dropdown select $(‘#quantity’).live(“change”, function(){ $(‘.questions_clonable:not(.questions_clonable:first)’).remove(); // Get value of selection var num = $(this).val(); var cloned_el = $(‘.questions_clonable’).clone(); if (num > 1) { for (var i = 1; i < num; i++) { // Assign cloned block to new var var new_block = cloned_el; // Store previous number for […]

jquery – 如何基于另一个单击按钮设置一个单选按钮

假设我有一个包含以下内容的表单: aaa bbb abcdef baksdf wisdof safhwr 这是我需要用jquery做的但遇到麻烦: 如果在其中一个集合中单击“aaa”,也为其他集合设置/检查“aaa”,并对其中任何其他单选按钮执行相同操作,其中“field1”作为名称的一部分,“aaa”为价值。 同样适合bbb 有任何想法吗?

收音机不同的名字 – 只检查一个

我在基于xtcommerce的解决方法中使用了许多单选按钮。 这些radiobuttons是动态创建的,并为每个组赋予不同的名称,如下所示: …. 现在我想将这些无线电按钮“组合”在一起,这样我一次只能选择一个无线电按钮。 现在默认情况下,每个“组”(name =“id [1]”,name =“id [2]”等)的每个第一个单选按钮都被预先选择,并且每个单选按钮的每个值都被提交。 我在stackoverflow上发现这个脚本只选择一个单选按钮: $(document).ready(function () { $(‘input[type=radio]’).prop(‘checked’, false); $(‘input[type=radio]:first’).prop(‘checked’, true) $(‘input[type=radio]’).click(function (event) { $(‘input[type=radio]’).prop(‘checked’, false); $(this).prop(‘checked’, true); event.preventDefault(); }); }); 这是一个小提琴: http://jsfiddle.net/3xD7V/1/ 这项工作到目前为止,我只能在我的页面上选择一个单选按钮。 但是你可以在我的js-fiddle中看到一个问题: http://jsfiddle.net/ksZxV/ 第一组的第一个单选按钮被预选 – 没关系。 但是如果您选择同一组的另一个单选按钮,则选择 – “标记”不会改变。 只有当您单击另一组的单选按钮时,所选的单选按钮才会被选中(在FF中找到另一个错误(编辑:和Opera以及IE9) ,如果我选择任何其他单选按钮,则不会显示选择标记;在Chrome中,它会通过选择另一个组来更改)。 如果您留在同一组中,则选择也不会更改。 在我的本地安装上,我有一个动态变化的更新程序,它说明了所选项目的新价格(抱歉,我无法实现这个小提琴)。 到目前为止,即使我选择了同一组的另一个单选按钮,价格也会更新,但如前所述,选择 – “标记”不会改变… 对这个问题有什么想法吗?

更改单选按钮图像,帮助

大家好。 我不是一个程序员,但仍然需要做一些编码。 现在我有一个问题,用jQuery更改单选按钮图像。 我有这个网络代码,但它仍然无法正常工作。 它会改变单选按钮图像,但是当我尝试选择时,它只会改变第一个单选框的图像。(每次) 这是我的HTML代码: asdg asdg dgasdg sdgas dgas 这是css。 我希望我做对了。 #testcontent .label_check, #testcontent .label_radio { padding-left: 34px; } #testcontent .label_radio { background: url(radio-off.png) no-repeat; } #testcontent .label_check { background: url(check-off.png) no-repeat; } #testcontent label.c_on { background: url(check-on.png) no-repeat; } #testcontent label.r_on { background: url(radio-on.png) no-repeat; } #testcontent .label_check input, #testcontent .label_radio input […]

选择单选按钮时如何清除文本字段内的文本

目前我有这个单选按钮 普电子 电脑 其他 我想要做的是,如果选中单选按钮Others ,我想显示一个输入文本字段,让用户输入。 我想做的是,当我选择Others并在输入字段中输入内容时,那么当我选择回Eletronics或Computers ,我想清除我在输入字段中写的文本。 请为我提供JavaScript或jQuery的解决方案。 这是我的代码示例。 请检查一下: http : //jsfiddle.net/dnGKM/

如何更改单选按钮的默认外观,而不是function?

在表格上我有两个单选按钮是和否 。 我想更改单选按钮的默认外观 喜欢这个。 编辑:我想在启用JavaScript时将radio按钮更改为锚点,如果通过css更改默认无线电的外观并不容易。

改进单选按钮的使用以启用/禁用表单字段

我有两个单选按钮和两个相应的表单字段。 根据选择的单选按钮,一个表单字段被禁用,另一个表单字段被启用。 我的代码有效,但我认为可以改进。 现在我有两个独立的过程。 一个人检查页面加载时是否选择了哪个单选按钮,并禁用相应的字段。 另一个响应页面加载后用户的更改。 我相信它可以简化,但我不知道如何。 $(document).ready(function() { if ($(“#element_link_link_type_internal”).is(‘:checked’)) { $(“#element_link_url”).attr(“disabled”,”disabled”); } else { $(“#element_link_page_id”).attr(“disabled”,”disabled”); } }); $(document).ready(function() { $(“#element_link_link_type_internal”).click(function(){ $(“#element_link_page_id”).attr(“disabled”,””); $(“#element_link_url”).attr(“disabled”,”disabled”); }), $(“#element_link_link_type_external”).click(function(){ $(“#element_link_page_id”).attr(“disabled”,”disabled”); $(“#element_link_url”).attr(“disabled”,””); }); }); 谢谢!

jQuery – 检查单选按钮的当前状态并隐藏div

问题:我如何检查单选按钮onload的值,如果它是某个值,请执行基于此的操作? 在if语句的代码末尾引用。 更深入的解释 所以我知道这个问题的标题可能听起来很熟悉其他问题,但我有更多的参与,并试图找到最好的方法来处理它。 因此,在我的函数homepageDisplayHandleSelection()我根据从.homepage_display区域中选择的单选按钮来隐藏/显示区域。 然后,我基本上将相同的function用于其中的另一组单选按钮,称为mainImageLinkHandleSelection ,然后根据选择隐藏/显示区域。 我可以在Static和Slide选项之间切换就好了,但是初始视图(如果页面加载时选择了Slideshow )是它仍然显示辅助单选按钮mainImageLinkHandleSelection ,直到我单击Slideshow选项并且回到Static ,它纠正自己。 所以,我尝试通过创建一个检查当前检查的无线电值是否是slideshow来检查这个(在示例代码的底部),如果是,我隐藏了一个名为main_link的div(它也附加到每个区域)围绕mainImageLinkHandleSelection divs)。 我知道我的问题有很多部分,但我想如果有人可以提供帮助,那里会有一个天才;)非常感谢你们所有的帮助! jQuery(document).ready(function() { // Homepage Settings – Homepage Display // This function handles the radio clicks. function homepageDisplayHandleSelection() { var duration = 400; jQuery(‘.homepage_display’).hide(duration); jQuery(‘.main_link’).hide(duration); if (this.value === “slideshow”) { jQuery(‘.homepage_display_slides’).show(duration); } else if (this.value === “static”) { jQuery(‘.homepage_display_static’).show(duration); } } // […]