输入字段和复选框的条件答案

【问题标题】：condition for input field and checkbox输入字段和复选框的条件
【发布时间】：2012-09-30 19:30:37
【问题描述】：

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

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

【问题讨论】：

你没有说你正在使用什么库，你到底想要实现什么，以及你遇到的问题到底是什么。除非您使用正在处理的 HTML 添加更多详细信息和真实代码示例，否则我不希望您的问题有很多答案，最好使用 jsFiddle 或 JS Bin。

标签： javascript class checkbox input-field prop

【解决方案1】：

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

使用类似的东西

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

如果语法错误，请见谅。

【讨论】：

【解决方案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')。

【讨论】：

INsrv([0-9]+) 不工作，这是正确的吗？ $("#INsrv([0-9]+)").prop('class','')
没有。使用它下面的代码。那是一条评论，我使用正则表达式来显示它将匹配的内容。