我将在前言中说我已经弄清楚如何使这个工作变得简单的是/否复选框和下拉列表,但我似乎无法理解如何获取多选复选框的值。我也在InfoPath中尝试过它,但无济于事;它似乎不想使用选中的多个复选框。
我有一个带有Choice列的List。此列有3个复选框,其中可以进行多个选择。
Column A - Choice1, Choice2, Choice3.
我想默认隐藏B列(例如文本框),如果选择了Choice1,则显示B列。如果同时选择了choice 1和choice2,则会出现C列(不同的控件)。
我无法让它返回正确的价值,我认识到我需要考虑的8个案例:没有,全部,1个选择(其中3个),2个选择(3个他们)。我所要求的就是如何编写一个会成功的案例;我可以推断其他案例。
我的下拉框代码如下,按预期工作:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type=text/javascript></script>
<script type="text/javascript">
// Execute the following JavaScript after the page has fully loaded, when it's ".ready"
$(document).ready(function(){
//Define which columns to show/hide by default
$('nobr:contains("ColumnB")').parent('h3').parent('td').parent('tr').hide();
$('nobr:contains("ColumnC")').parent('h3').parent('td').parent('tr').hide();
$('nobr:contains("ColumnD")').parent('h3').parent('td').parent('tr').hide();
//Show/hide columns based on Drop Down Selection
$("select[title='ColumnA]").change(function() {
if ($("select[title='ColumnA']").val() == "Choice1") {
$('nobr:contains("ColumnB")').parent('h3').parent('td').parent('tr').show();
} else if($("select[title='ColumnA]").val() == "Choice1" && "Choice2"){
$('nobr:contains("ColumnB")').parent('h3').parent('td').parent('tr').hide();
$('nobr:contains("ColumnC")').parent('h3').parent('td').parent('tr').show();
}
});
});