0

ドロップダウンから選択したときにチェックボックスを自動的にチェックする方法を探しています。HTMLコードは次のようになります。

<table>
    <tr>
        <td>
            <input type="checkbox" name="check1" />Process 1:</td>
        <td>
            <select id="process1" name="process1">
                <option value="null">--Select Process--</option>
                <option value="NameA">NameA</option>
                <option value="NameB">NameB</option>
                <option value="NameC">NameC</option>
            </select>
        </td>
    </tr>
</table>

可能であれば、ユーザーが戻ってを選択--Select Process--した場合、チェックボックスはオフになります

この場合、Javascriptコードはどのようになりますか？

4

4 に答える 4

2 
$(function(){
    $('#process1').change(function() {
        var selected = $('#process1 option:selected');
        if (selected.val() == "null") {
            $('input[name="check1"]').prop('checked', false);
        }
        else {
            $('input[name="check1"]').prop('checked', true);
        }
    });
});
于 2013-02-21T20:12:20.980 に答える
2

これを試して：

デモ

JS

function setChk(value){
    var chk = document.getElementById('check1');
    chk.checked = (value != 'null');
}

HTML

<table>
    <tr>
        <td>
            <input type="checkbox" name="check1" id="check1"/>Process 1:</td>
        <td>
            <select id="process1" name="process1" onchange="setChk(this.value);">
                <option value="null">--Select Process--</option>
                <option value="NameA">NameA</option>
                <option value="NameB">NameB</option>
                <option value="NameC">NameC</option>
            </select>
        </td>
    </tr>
</table>
于 2013-02-21T20:16:39.363 に答える
1

jQueryの方が簡単ですが、Javascriptでは、onchange属性をselectに追加してみてください。

onchange="checkValue()"

次に、JavaScriptで：

function checkValue() {
   var e = document.getElementById("process1");
   var value = e.options[e.selectedIndex].value;
   if (value == "null") {
      document.getElementById("check1").checked=false;
   } else {
      document.getElementById("check1").checked=true;
   }
}

チェックボックスid="check1"にIDを追加するだけです

于 2013-02-21T20:20:09.897 に答える
0

この答えは本当にクールです！

ただし、jQueryを使用して開くと、コードは次のようになります。

jQuery(document).ready( function() {
    jQuery('#process1').on('change', function() {
        var selectedVal = jQuery(this).find('option:selected').val(),
            checkbox = jQuery('input[name="check1"]');
        if (selectedVal !== 'null') {
            checkbox.attr('checked', 'checked');
        } else {
            checkbox.removeAttr('checked');
        }
    });
});

デモ

于 2013-02-21T20:20:32.153 に答える