标签: checkboxlist

语义正确的HTML复选框列表

我有一个HTML复选框列表,我想以下列格式显示:

Click all that apply:
                                 Title A      Title B

Option 1                         [  ]         [  ]
Option 2                         [  ]         [  ]
Option 3                         [  ]         [  ]

我想知道在语义上编码这个的最佳方法是什么?

我已经看到了一个关于语义正确的复选框的相关问题,但这没有考虑标题.

有任何想法吗?

html semantic-markup checkboxlist semantics

8
推荐指数
2
解决办法
2440
查看次数

如何动态地从servlet设置/获取复选框的值

这更像是一个逻辑问题.我在网页上有一个复选框,我将其值从servlet请求参数存储在一个布尔对象(Java)中.逻辑是,如果复选框的请求参数不为null,则使对象为true,否则为null.再次调用页面时,如果其存储值为true,则将复选框标记为"已选中".

this.checkbox = (servlet.getParameter("checkbox")!=null && servlet.getParameter("checkbox").contentEquals("on"))?true:null;
Run Code Online (Sandbox Code Playgroud)

当我坚持该复选框对象时,问题就开始了.我首先使用持久化数据填充页面,然后使用servlet值填充它.如果复选框值在数据库中存储为true,并且用户在页面上取消选中它并提交它,因为复选框的servlet参数变为null,我无法使复选框为null.因此,复选框始终显示持久值,因为它永远不会被覆盖.所以有人可以建议我如何填充对象值的逻辑变化?

java servlets checkboxlist

7
推荐指数
1
解决办法
4万
查看次数

复选框组的 vuejs 模型

我有 2 个数组,一个用于可能的复选框变体,另一个用于已保存的复选框。例如 VUEJS 模板

<ul>
                <li v-for="cit in possable">
                    <label>
                    <input  
                        type="checkbox"
                        :checked="savedcbx.indexOf(+cit.id)>-1"
                        :value="cit.id"/>
                    {{cit.rname}}
                    </label>
                </li>
            </ul>
Run Code Online (Sandbox Code Playgroud)

我的问题是如何将新的复选框添加到保存的数组或从保存的数组中删除 uncheckedbox&

arrays checkboxlist vue.js

7
推荐指数
2
解决办法
1万
查看次数

循环显示复选框列表

我正在构建一个复选框列表:

<asp:CheckBoxList ID="CheckBoxes" DataTextField="Value" DataValueField="Key" runat="server"></asp:CheckBoxList>
Run Code Online (Sandbox Code Playgroud)

并尝试获取所选项目的值:

List<Guid> things = new List<Guid>();
foreach (ListItem item in this.CheckBoxes.Items)
{
    if (item.Selected)
        things.Add(item.Value);
    }
}
Run Code Online (Sandbox Code Playgroud)

我得到了错误

"'System.Collections.Generic.List.Add(System.Guid)'的最佳重载方法匹配'有一些无效的参数"

asp.net foreach checkboxlist

6
推荐指数
1
解决办法
2万
查看次数

最小的代码可以通过javascript过滤checkboxlist

Project不需要任何javascript库,如jQuery,Dojo,Prototype,所以我认为没有简单的方法.我想对解释如何做到这一点的问题有深入的答案.正如大多数人可能知道asp.net checkboxlist在FlowrepeatLayout中发出如下所示的标记.

<span>
<checkbox><label></br>
<checkbox><label></br>
<checkbox><label></br>
</span>
Run Code Online (Sandbox Code Playgroud)

为简单起见,我没有给出结束/结束标签.我们有一个用于搜索此复选框列表的文本框.现在问题是,

当用户在文本框中键入搜索词并隐藏不匹配的复选框+标签时,我将如何筛选复选框列表.

我想得到的更多问题与上述有关

  1. 为此目的,是否有任何现成的STANDALONE脚本?

  2. 是否有图案,文章,帖子解释毛刺,在提供搜索功能时要记住的要点?就像是onkeydown don't do this,

  3. 我的想法现在将有一个缓存的标签标签集合innerHTML然后循环遍历每个标签并检查搜索词,当发现时隐藏所有其他但只显示匹配.[我关注的是列表太长时会发生什么,在每个按键上循环不是我想的最好的主意]

欢迎您提出建议,答案,解决方案和脚本

javascript asp.net search controls checkboxlist

6
推荐指数
2
解决办法
4001
查看次数

如何使ASP CheckBoxList标签与复选框保持在同一行

这可能是一个常见的问题,但我很难找到解决方案来解决它

我有一个模式弹出窗口我用jQuery显示,这个弹出窗口包含一个Checkboxes和一个Button的列表,代码如下所示:

<div id="dialog" title="Notify Users" >
    <div style="width:100%; height:500px; overflow:auto;">
        <asp:CheckBoxList ID="chkNotify" 
            runat="server" 
            CssClass="checkboxlist_nowrap"
            RepeatLayout="Table" 
            /> 
    </div>
    <asp:Button ID="btnSaveNotifications"
        runat="server" 
        Text="Ok"
        />
</div>
Run Code Online (Sandbox Code Playgroud)

弹出窗口正确显示,但每个复选框的标签位于复选框下方的行上.我似乎无法弄清楚为什么会发生这种情况,起初我认为div包含它的CheckBoxList只是太小所以我给每个都有div一个固定的宽度,但这没有任何帮助.

我也试过应用这个CSS

.checkboxlist_nowrap tr td label
{
    white-space:nowrap;
    overflow:hidden;
    width:100%;
}
Run Code Online (Sandbox Code Playgroud)

它没有帮助,但我不确定样式表是否实际使用,即使我有:

  <link href="../css/HelpDesk.css" rel="stylesheet" type="text/css" />
Run Code Online (Sandbox Code Playgroud)

在我的头标签.

任何人都可以提出我可以尝试的其他建议

谢谢

更新:这是我的Jquery:

 $(function () {
    $("#dialog").dialog({
       autoOpen: false,
       show: "blind",
       width: 400, 

       hide: "explode"
    });
Run Code Online (Sandbox Code Playgroud)

这是我如何填充CheckBoxList:

 Private Sub populateCheckBoxList()

      Dim notificationList As DataTable
      notificationList = dbGetNotificationsList(1)

      For Each …
Run Code Online (Sandbox Code Playgroud)

css vb.net asp.net checkboxlist

6
推荐指数
2
解决办法
3万
查看次数

ASP.Net MVC 3检索复选框列表值

我正在开发一个ASP.Net MVC 3 Web应用程序,我在从复选框列表中获取值时遇到了一些困难.我已经阅读了有关Stackoverflow的大部分问题,但是,我仍然遇到了一些问题.

我有一个ViewModel

public class ViewModelCheckBox
{
    public string Id { get; set; }
    public string Name { get; set; }
    public bool Checked { get; set; }
}
Run Code Online (Sandbox Code Playgroud)

另一个使用上面的viewmodel的ViewModel

public class ViewModelAssignSubSpeciality
{
    public ListItem Item { get; set; }
    public IList<ViewModelCheckBox> SpecialityList { get; set; }
}
Run Code Online (Sandbox Code Playgroud)

然后在我的控制器中

public ActionResult AssignSubSpeciality(int id)
{
        //Get a list of all sub-specialities
        var SpecialityList = _listService.GetListItemsByID(3).ToList();

        //Get a list of sub-specialities for the the passed in id, this is …
Run Code Online (Sandbox Code Playgroud)

checkbox checkboxlist viewmodel asp.net-mvc-3

6
推荐指数
1
解决办法
2万
查看次数

检查是否至少选中了一个复选框列表

我有复选框列表,我想检查是否至少选中了一个复选框.如果没有选中,那么我想显示提示信息,请选择至少一个项目.如果可能的话,我想在代码中执行此操作.我已经开始,但不知道它是对还是错,但无法完成它.

 public void alert()
    {
        foreach (ListItem listItem in cblCustomerList.Items)
        {
            if (!listItem.Selected)
            {
            }
        }
    }
Run Code Online (Sandbox Code Playgroud)

这是aspx中的checkboxlist:

 <asp:CheckBoxList ID="cblCustomerList" runat="server" DataSourceID="SqlDataSource1" CssClass="CheckBoxList"
            DataTextField="GroupName" DataValueField="GroupName" 
                onclick="readCheckBoxList()" >               
            </asp:CheckBoxList>
Run Code Online (Sandbox Code Playgroud)

这是按钮:

 <asp:Button ID="Button1" runat="server" CausesValidation="True" 
                            CommandName="Insert" Text="Insert" OnClientClick="return Validate_Checkbox()" />
Run Code Online (Sandbox Code Playgroud)

谢谢你的帮助.

c# asp.net checkboxlist

6
推荐指数
3
解决办法
3万
查看次数

RShiny UI 子选项复选框?

我有一个基本的 RShiny 应用程序,它有一个反应式复选框,它根据复选框中选择的数据(df 列)绘制时间序列数据。我当前的代码生成一个带有复选框输入的 UI,如下所示:

    # Load R packages
library(shiny)
library(shinyBS)

##example df in similar format to the data I'm working with
Both <- data.frame(
  Year  = c("1990", "1991", "1992", "1993"),
  SST_anomaly_GOM = c("-1.1", "0.23", "0.87", "-0.09"),
  SST_anomaly_GB = c("-1.1", "0.23", "0.87", "-0.09"),
  SST_anomaly_MAB = c("-1.1", "0.23", "0.87", "-0.09"),
  BT_anomaly_GOM = c("-2.5", "0.55", "1.20", "-0.19"),
  BT_anomaly_GB = c("-1.1", "0.05", "1.24", "-0.29"),
  BT_anomaly_MAB = c("-1.1", "-1.08", "0.67", "-2.40")
)

# Define UI
ui <- fluidPage(
  # useShinyBS
    "Visualizing Indicators", #app title …
Run Code Online (Sandbox Code Playgroud)

user-interface r checkboxlist shiny shinyapps

6
推荐指数
1
解决办法
130
查看次数

第二次单击后,React 复选框被(取消)选中

下面是 react 组件的一部分,其中列出了一个动态复选框:

   <div className="pb-4">
       <p>Choose the task owner(s):</p>
       {
           peerIds.map(id => {
               if (currentUserId != id)
                   return (
                       <label className="checkbox-inline mr-3">
                           <input onChange={onChange_TaskOwner}
                               type="checkbox"
                               name="taskowner"
                               checked={st_taskOwnersId.filter(function (item) {return (item == id)}).length > 0}
                               value={peers[id].id} />
                           <span>{peers[id].fullName}</span>
                       </label>

                   )
           })
       }
       <div style={{ clear: 'both' }}></div>
   </div>
Run Code Online (Sandbox Code Playgroud)

在上面的代码中checked,如果当前 id 已经在名为st_taskOwnersId.

我使用hook如下存储已检查项目的 Id 。onChange_TaskOwner函数更新st_taskOwnersId取决于它是checkedunchecked

const [st_taskOwnersId, set_taskOwnersId] = useState([] as any);

const onChange_TaskOwner = (event) => { …
Run Code Online (Sandbox Code Playgroud)

html javascript checkbox checkboxlist reactjs

5
推荐指数
1
解决办法
2860
查看次数