Javascript 如何使用不同的复选框确保不同的选项

我需要为我的网站找到解决方案。我有更多的复选框选项，根据我决定选中的复选框，我希望从脚本中获得不同的选项。例如，如果我选中值为1的复选框，我希望获得offer Ping。你能不能请人帮我用JavaScript或jQuery写一些东西。非常感谢你

    <div class="checkbox">
    <label>
    <input type="checkbox" value="1" onclick="call_the_script()">
    </label>
    <label>
    <input type="checkbox" value="2" onclick="">
    </label>
    <label>
    <input type="checkbox" value="3">
    </label>
    </div>

<div class="col-xs-10">
<input type="hidden" name="form_type" value="script">
<select id="option" class="form-control input-sm" name="option">

<option value="Ping">Ping</option>
<option value="Basic info">Basic info</option>
<option value="Restart modules">Restart modules</option>
</select>
</div>

发出砰的声响
基本信息
重新启动模块

为了更好地解释它。。 谢谢你们的回答，但为了解释这一点，我刚刚用小提琴制作了一个实时代码。假设我有这个代码

---

`我想制作一个脚本来实现这一点：如果我选中apple或blueberry复选框，我只想选择mash选项。如果我选择黑莓，我想选择压碎法，例如，如果我使用橙色，我想有布思选项。你能找个人帮我吗？

试试.change

例如

$("#infos").change(function() {
    if(this.checked) {
        alert('infos is checked');
    }
});

试试这个

$（函数（）{
$（“输入[type='checkbox']”）。更改（函数（）{
//检查当前单击是否使其处于选中状态
如果（选中此项）{
//获取当前复选框的值
警报（该值）；
}
});
});

第一
第二
第三
window.jQuery（文档）.ready（函数（）{
$（'body'）。在（'change'，“input[type='checkbox']”，function（）上{
如果（选中此项）{
//获取当前复选框的值
警报（该值）；
}
});
});
我刚刚测试过，现在可以使用了！我的问题用show（）、hide（）函数解决了。
老实说，我有点不知道如何连接这两个东西……你想在选中复选框时得到一个显示选项值的警告框吗？不，正如我所写的。我有更多不同值的复选框，然后我有一个选项框（代码的第二部分）我在想是否可以编写一个代码来解决我的问题：如果用户选中第一个复选框，第二个复选框将根据第一个复选框中的值更改选项的数量。示例：User1将选中第一个复选框（值1），因此选项框中的报价将仅Ping用户2将选中第二个复选框（值2）选项框提供的是基本信息和重新启动模块。我不想使用警报功能。我对选项功能更感兴趣。我刚刚学习并制作了选项功能，但这不正常。。