0

こんにちは、私にはいくつかのチェックボックスがあり、各チェックボックスにはそれに対応するドロップダウンがあります..私がやりたいことは 

    **when a user checks a checkbox without selecting the dropdown i have to give an alert saying select any value..
    **when a user selects value from the dropdown make the corresponding checkbox checked
    **and if the user unchecks the checkbox set the dropdown value to default

このための私のhtmlは次のようになります

      @foreach(var item in Model.Resources)
       {
       <div class="select">
          <label class="label">
            <input type="checkbox" value="@item.Text" id="@item.value"/>
          </label>
         <div>
             <select id="quantity">
                <option value="">--select Quantity--</option>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>

            </select>
        </div>
       </div>  
       }

誰でも私がこれを行うのを手伝ってくれますか

4

1 に答える 1

0

これは私の最初のスタック オーバーフローの投稿であり、初心者です。私はこれを試してみようと思いましたが、これまでのところうまくいくようです。私は自分のフォームとIDを使用しましたが、それを近くに保ちました：

<form action="" method="post" name="order" id="order">
<fieldset>
    <div>
    <input name="check1" type="checkbox" id="check1" value="checked">
    </div>
    <div>
        <label for="country" class="label">Country</label>
        <select id="menu1">
            <option value="">--select Quantity--</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
        </select>
    </div>
    <div>
    <input id="webform_submit_button" value="Submit!" type="submit" class="submit" data-default-text="Sign up!">
    </div>
</fieldset>
</form>

追加したJqueryは次のとおりです。

<script>
$(function() {
    function formStuff($check,$menu) {
        $check.click(function() {
            var checkIfChecked = $check.attr('checked');
            if (checkIfChecked == 'checked') {
                if ($menu.val("")) {
                    alert("Please select a value");
                    $check.attr('checked',false);
                }
            } else {
                $menu.val('');
            }
        }); //end click
        $menu.click(function() {
            var hasValue = $menu.val();
            if (hasValue != '') {
                $check.attr('checked',true);
            } else {
                $check.attr('checked',false)
            }
        }); //end click
    }
    formStuff($('#check1'),$('#menu1'));
}); //end ready
</script>

送信時に検証を追加しませんでしたが、それは質問の一部ではなかったので、単純にしておくことにしました。お役に立てれば！*関数に更新されたため、他のフォーム要素に適用できます。

于 2013-01-11T04:55:29.020 に答える