0

複数のチェックボックスの条件を作成するにはどうすればよいですか!

Input Field ID =" INsrvOtr "

CheckBox ID = "INsrv"

ユーザーには2つのオプションがあり、入力フィールドに値を入力するか、チェックボックスから任意の値を選択しますが、2つのオプションのうち「1つ」しか選択できないとします

チェックボックス:

 <input id="INsrv" name="INopt" type="checkbox" value="1" />1<br>

入力フィールド:

<input id="OUTsrvOtr" name="OUToptOtr" type="text" value="" onblur="valINP()"/><br><br>

ユーザーが入力フィールドに値を入力すると、これが発生します

「入力フィールド」が空でない場合、すべての「チェックボックス」のクラスには値が含まれません。

<script>
function valINP(){
    $("#INsrv1").prop('class','text')
    $("#INsrvOtr").prop('class','validate[required] text-input text')
    }
}
</script>

または、ユーザーがチェックボックスをオンにすることを選択した場合、これが発生します

「チェックボックス」が選択されていない場合、「入力フィールド」のクラスには値が含まれません。

<script>
$(document).ready(function() {
    $("input[name$='INopt']").click(function() {
    $("#INsrv1").prop('class','validate[minCheckbox[1]] checkbox text')
    $("#INsrvOtr").prop('class','text')
    });
});
</script>

または両方が選択されていない場合

スクリプトには次の 2 つが含まれます。

 $("#INsrv").prop('class','validate[minCheckbox[1]] checkbox text')
 $("#INsrvOtr").prop('class','validate[required] text-input text')
4

2 に答える 2

0 
// Use this for INsrv([0-9]+)
$('[id^="INsrv"][id!="INsrvOtr"]').each(function() {

});

// Or if you only want to call `prop`
$('[id^="INsrv"][id!="INsrvOtr"]').prop('yourprop', '');

その後、個別に呼び出すことができます$('#INsrvOtr')。

于 2012-09-30T19:54:15.913 に答える
0

コードを最適化してみてください。コントロールを選択するための便利な最適化 http://api.jquery.com/category/selectors/またはhttp://api.jquery.com/attribute-contains-prefix-selector/

のようなものを使用して

$("#id|="INsrv"]').prop('クラス','')

構文が間違っていたらごめんなさい。

于 2012-09-30T19:51:01.393 に答える