Question

如何为多个复选框创建条件！

Input Field ID =" INsrvOtr "

CheckBox ID = "INsrv"

让我们说用户有两个选项，要么在输入字段上放置一个值，要么从复选框中选择任何值，但他只能选择两个选项中的“ONE”

复选框：

 <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')。

输入字段和复选框的条件

2 个答案: