0

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

Input Field ID =" INsrvOtr "

CheckBox ID = "INsrv"

假设用户有两个选项，要么在输入字段上输入一个值，要么从复选框中选择任何值，但他只能选择两个选项中的“一个”

复选框：

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

2 回答 2

0

尝试优化您的代码，一些有用的优化选择控件 http://api.jquery.com/category/selectors/或http://api.jquery.com/attribute-contains-prefix-selector/

使用类似的东西

$("#id|="INsrv"]').prop('class','')

对不起，如果语法出错。

于 2012-09-30T19:51:01.393 回答
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 回答