1

ドロップダウンで対応する値が選択されたチェックボックスの値がチェックされたときに、ドロップダウンを選択してみる必要があります

たとえば、テスト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>
4

3 に答える 3

2

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

デモ

于 2012-05-29T11:40:24.150 に答える
1 
$("#chk").click(function(){
    if( $(this).is(':checked') )  // or   if( $(this).attr('checked')== true) )
    $("#test").attr('value', $(this).attr('value'));

});
于 2012-05-29T11:57:49.290 に答える
0

作業デモ http://jsfiddle.net/EZEQu/

間違ったことはほとんどありませんでした。デモは、遊んで強化できる基本的なデモです。

  • HTMLtype=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>​
于 2012-05-29T11:48:22.803 に答える