Question

我需要为我的网站找到解决方案。我有更多复选框选项，根据复选框我决定检查我想从脚本中获得不同的选项。例如，如果我选中值为1的复选框，我想获得报价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>

更好地解释.. 谢谢你们的答案，但为了解释它我只是在小提琴中制作了一个实时代码。可以说我有这个代码 http://jsfiddle.net/krizvite/t8k4fc11/`我希望制作一个可以执行此操作的脚本：如果我选中复选框apple或blueberry，我只想选择mash选项。如果我选择黑莓，我想选择粉碎方法，例如，如果我使用橙色，我想要选择。你能帮助我吗？

Answer 1

试试这个

＆＃13;

$(function() {
  $("input[type='checkbox']").change(function() {
    // check if currently click was to make it checked
    if (this.checked) {
      // get value of current checkbox
      alert(this.value);
    }
  });
});

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>

<body>
  <div class="checkbox">
    <label>first
      <input type="checkbox" value="1">
    </label>
    <label>second
      <input type="checkbox" value="2" onclick="">
    </label>
    <label>third
      <input type="checkbox" value="3">
    </label>
  </div>
</body>

</html>

＆＃13;

替代语法 $（＆＃34;输入[type =＆＃39;复选框＆＃39;]＆＃34;）。on（＆＃39;点击＆＃39;，function（）{.... 要么 $（＆＃34;输入[type =＆＃39;复选框＆＃39;]＆＃34;）。click（function（）{....

Answer 2

尝试 .change

<强> e.g

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

Answer 3

window.jQuery(document).ready(function() {
    $('body').on('change', "input[type='checkbox']", function() {
        if (this.checked) {
            // get value of current checkbox
            alert(this.value);
        }
    });
});

Answer 4

我刚测试过它现在工作了！我的问题是用show（），hide（）函数解决的。

如何使用不同的复选框

4 个答案: