将兄弟元素的值设置为当前元素的值

时间:2018-03-26 09:13:01

标签: javascript jquery html

我需要将复选框输入的值设置为等于其兄弟选择选项的值。

HTML:

<select name="team[]" class="form-control team" id="team">
    <option></option>
    <?php foreach ($teams as $team): ?>
        <?php
           $selected = '';
           if (isset($edit)):
           $selected = (in_array($team->id, $availableTeams)) ? ' selected' : '';
           endif;
        ?>
   <option value="<?php echo $team->id; ?>" <?php echo $selected; ?>><?php echo $team->title; ?></option>

   <?php endforeach; ?>
 </select>

   <label>Lead</label>
   <input type="checkbox" name="lead_check[]" value="">

select选项中的选项值使用循环动态填充。

2 个答案:

答案 0 :(得分:1)

假设您希望在页面加载时运行此功能,以下是执行此操作的示例:

$(function() {
  $("input[name='lead_check[]']").attr('value', $("select[name='team[]']").val());
});

这将从下拉列表中选择所选选项的值,并将其设置为复选框的值。

答案 1 :(得分:1)

您可以使用此脚本。

foo <- function(x){
  x
}
foo_safe() # error
foo_safe(10)

它会将选定的选项值设置为选择框点击事件的复选框。