【问题标题】:Store dropdown value and apply to checkbox when clicked存储下拉值并在单击时应用于复选框
【发布时间】:2017-03-08 13:21:48
【问题描述】:

当从下拉列表中选择项目然后单击复选框时,我正在尝试更改复选框的“值”。我有一个 jquery 函数来存储下拉框中的值(我没有包含下拉列表中的代码,因为它工作正常并且不是问题。类显然是下拉列表中的元素):

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
    $(document).on('click', '.class', function() {
        var clicked = $(this).text(); 
    });
</script>

我环顾四周,找不到在单击复选框时如何将“单击”变量应用于复选框的“值”。

【问题讨论】:

  • jquery 与 HTML 无关。不清楚的问题。 Read how to ask
  • @AlivetoDie 在底部很清楚我在问“单击复选框时如何将'clickeditem'变量应用于复选框的'值'”
  • 问题不完整。下拉项目和复选框以什么方式关联?即要将复选框指定为选中状态,下拉项目是否为“Room 1”、“Room 2”....?
  • 格式化代码。

标签: javascript jquery html checkbox


【解决方案1】:

您需要将选定的下拉项存储到一个变量中,如下所示:

var clickeditem;

$(document).on('click', '.studentclass', function() {
    clickeditem = $(this).text();
});

现在您已将所选项目存储到“全局”变量中:

$(document).on('click','.room',function(){

    //Do some checks to ensure checkedItem is not empty etc...

    //Then
    $(this).attr('value', clickeditem);
});

【讨论】:

  • 那么我应该在同一个脚本代码中检查复选框和 setcheckboxitem 吗?
  • 是的,你能给我一个将分配给你定义的 clickeditem var 的字符串的例子吗?然后我会相应地更新答案
  • 下拉列表中的字符串是像'John Smith'这样的名字
  • 我想我误解了这个问题。当您点击“John Smith”时,您希望选中哪个复选框?
  • 哦,我想你做到了。单击“John Smith”时,我不希望选中任何复选框。用户从下拉列表中选择一个项目后会选择一个复选框,然后“John Smith”将存储在该复选框的值中。这有意义吗?
猜你喜欢
  • 2017-02-16
  • 1970-01-01
  • 1970-01-01
  • 2014-07-15
  • 2017-12-25
  • 1970-01-01
  • 1970-01-01
  • 2016-10-07
  • 2017-12-25
相关资源
最近更新 更多