个人中心
gpt4 book ai didi

jquery - 如何在html中 'link'选择属性和单选输入？

转载 作者：行者123 更新时间：2023-12-01 07:58:22 24 4
gpt4 key购买 nike

我想知道如何链接 html 选择属性和单选按钮输入，如下所示:

<body>
   <input type="radio" name="grp1" id="opt1">
   <label for="opt1">Opcao 1</label>

   <input type="radio" name="grp1" id="opt2">
   <label for="opt2">Opcao 2</label>

   <input type="radio" name="grp1" id="opt3">
   <label for="opt3">Opcao 3</label>

   <input type="radio" name="grp1" id="opt4">
   <label for="opt4">Opcao 4</label>

   <select id="radioselector">
       <option><label for="opt1">Option 1</label></option>
       <option><label for="opt2">Option 2</label></option>
       <option><label for="opt3">Option 3</label></option>
       <option><label for="opt4">Option 4</label></option>
   </select>

问题是，我希望当我选择单选按钮时，选择的通讯员也会被选中，反之亦然。我试图用 jquery 实现这一点，但是，尽管我付出了努力，但我什么也没得到......我在网络编程方面是菜鸟，特别是在 jquery 方面。

如果你们能帮我一把，那就太好了!提前致谢!

最佳答案

向单选组和选择元素添加更改事件处理程序:

var $radioGroup = $('input:radio[name=grp1]'),
    $select = $("#radioselector");

$radioGroup.change(function() {
    $select.val($radioGroup.filter(':checked').val());
});

$select.change(function() {
    $radioGroup.filter('[value="' + $(this).val() + '"]').prop('checked', true);
});

注意:对于上面的代码，单选按钮上不需要“id”属性(除了要引用的标签)，但单选按钮上确实应该有“value”属性才能具有有效的 HTML。您还应该从选项元素内部删除标签元素。

jsfiddle

编辑:我更新了 jsfiddle 以明确上述代码应放置在文档就绪处理程序中。

关于jquery - 如何在html中 'link'选择属性和单选输入？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21889877/

24 4 0
文章推荐： java - CountDownLatch 在 Java 中如何工作？
文章推荐： r - slider 输入中的自定义值 Shiny
文章推荐： google-cloud-platform - Google Cloud Bigtable 压缩
文章推荐： jquery addClass 子选择器失败
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com