Sharepoint 2010和JQuery - 基于多个选择选项隐藏字段

时间:2014-08-15 16:14:13

标签: jquery checkbox sharepoint

我将在前言中说我已经弄清楚如何使这个工作变得简单的是/否复选框和下拉列表,但我似乎无法理解如何获取多选复选框的值。我也在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();

  } 

 });


});

0 个答案:

没有答案