Условие для поля ввода и флажок

Question

Как я могу создать условие для нескольких флажок!

Input Field ID =" INsrvOtr "

CheckBox ID = "INsrv"

скажем, что у пользователя есть две опции: либо поставить значение в поле ввода, либо выбрать любое значение из флажка, но он может выбрать только "ОДИН" из двух вариантов

Checkbox:

 <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>

или если оба не выбраны

скрипт будет содержать эти два:

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

Answer 1

Попробуйте оптимизировать свой код, некоторую полезную оптимизацию для выбора элементов управления http://api.jquery.com/category/selectors/ или http://api.jquery.com/attribute-contains-prefix-selector/

используя что-то вроде

$("# Идентификатор |="INsrv"]'). Проп (' класс,'')

извините, если синтаксис идет не так.

Answer 2

// 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') по отдельности.