Question

我需要尝试选择下拉列表，当我选中下拉列表中选中相应值的复选框值时

例如，当我检查测试2时，下拉列表也将选定的值作为测试2进行查找

我需要复选框组代码..

<html>
<head><title>Check Box</title>
<script>
$("#chk").click(function(){
$("#test option:selected")=$("#chk :checked").val()
});
</script>
</head>
<form>
<input type="checkbox" value="1" id="chk">Test 1
<input type="checkbox" value="2" id="chk">Test 2
<input type="checkbox" value="3" id="chk">Test 3
<select id="test">
<option value="1">Test 1</option>
<option value="2">Test 2</option>
<option value="3">Test 3</option>
</select>
</form>
</html>

Answer 1

<强> HTML

<form>
  <input type="checkbox" value="1" id="chk1">Test 1
  <input type="checkbox" value="2" id="chk2">Test 2
  <input type="checkbox" value="3" id="chk3">Test 3
  <select id="test">
    <option value="1">Test 1</option>
    <option value="2">Test 2</option>
    <option value="3">Test 3</option>
  </select>
</form>

<强>的jQuery

$(':checkbox').change(function() {
    // uncheck previously checked checkbox
    // becasue select can show one value
    // at a time

    $(':checkbox:checked') // select all checked checkbox
           .not(this)  // escape the current checkbox
           .prop('checked', false); // making uncheck

    // change the select box value

    $('#test').val(this.value);

});

代码中的问题：

type="checbox"应为type="checkbox"
不要对所有id使用相同的checkbox

<强> DEMO

Answer 2

$("#chk").click(function(){
    if( $(this).is(':checked') )  // or   if( $(this).attr('checked')== true) )
    $("#test").attr('value', $(this).attr('value'));

});

Answer 3

工作演示 http://jsfiddle.net/EZEQu/

几乎没有错。该演示是基本的演示，你可以玩和改进。

HTML type=checkbox
id需要始终独一无二
<script>标记也值得添加type属性。

希望这有帮助，

<强>码

$('input[type="checkbox"]').click(function(){

    if ($(this).is(':checked'))
        $("#test").val($(this).val());
});

<强> HTML

<html>
<head><title>Check Box</title>

</head>
<form>
<input type="checkbox" value="1" id="chk">Test 1
<input type="checkbox" value="2" id="chk1">Test 2
<input type="checkbox" value="3" id="chk2">Test 3
<select id="test">
<option value="1">Test 1</option>
<option value="2">Test 2</option>
<option value="3">Test 3</option>
</select>
</form>
</html>

使用jquery检查复选框组时，如何选择下拉列表的值

3 个答案: