标签: checkbox

我在尝试弄清楚如何使我的代码的某些部分工作时遇到了一些麻烦.

<input type="checkbox" id="check_all_1" name="check_all_1" title="Select All" onclick="selectAll(document.wizard_form, this);">
<label for="check_all_1" onclick="toggleCheckbox('check_all_1'); return false;">Select All</label>

这是我的HTML工作原理(单击文本将单击该框).它的javascript非常简单:

function toggleCheckbox(id) {
    document.getElementById(id).checked = !document.getElementById(id).checked;
}

但是,当标签是单击复选框的时候,我希望输入发生onclick.在这个当前时间onClick js不会去.关于如何做到这一点的一个建议是什么？我试图将输入的onclick添加到标签的onclick,但这不起作用.

任何建议/解决方案都会很精彩.

我正在尝试使用以下HTML/JavaScript动态创建一个复选框.任何想法为什么它不起作用？

<div id="cb"></div>
<script type="text/javascript">
    var cbh = document.getElementById('cb');
    var val = '1';
    var cap = 'Jan';

    var cb = document.createElement('input');
    cb.type = 'checkbox';
    cbh.appendChild(cb);
    cb.name = val;
    cb.value = cap;
    cb.appendChild(document.createTextNode(cap));
</script>

我正在尝试使用jquery的validate插件验证表单.我想要求用户检查组中的至少一个复选框,以便提交表单.这是我的jquery代码:

$().ready(function() {
$("#subscribeForm").validate({
   rules:   { list: {required: "#list0:checked"} },
   messages:  { list:  "Please select at least one newsletter"}                                                        
 });
 });

这是html表单:

<form action="" method="GET" id="subscribeForm">
<fieldset id="cbgroup">
    <div><input name="list" id="list0" type="checkbox"  value="newsletter0" >zero</div>
    <div><input name="list" id="list1" type="checkbox"  value="newsletter1" >one</div>
    <div><input name="list" id="list2" type="checkbox"  value="newsletter2" >two</div>
</fieldset>
<input name="submit" type="submit"  value="submit">

问题是即使没有检查任何内容,表单也会提交.我该如何解决这个问题？

我在窗口上有一个复选框控件.我想执行一个命令来调用相关视图模型中的方法.我还需要复选框的值.我似乎找不到将命令与复选框关联的方法.有没有人这样做过？

WPF CheckBox的外观使检查部分与标签(内容)部分不对齐.支票略高于内容,如下所示:

XAML看起来像这样:

<CheckBox Content="Poorly aligned CheckBox" Margin="9"/>

CheckBox位于Grid单元格内.是否有一种简单的方法来制作内容并检查XAML CheckBox的部分垂直对齐？我尝试了各种属性组合而没有运气.我在这里看到了类似的问题,但答案太复杂了.

提前致谢.

编辑:问题是由我设置为14的Window FontSize引起的.要重新创建问题,请将CheckBox FontSize设置为14(或更多).我的程序是由工厂工人远程查看的,因此我允许用户增加或减少Window FontSize.

标题几乎解释了它.我在可滚动的div中有几个复选框.但由于某些原因,'background-color'属性不起作用.虽然'margin-top'似乎确实有效......

让我困惑的是一个属性如何工作而另一个属性不能工作.它也不像div拥有它自己的一组背景颜色属性,可能会超过复选框属性.

无论如何,下面是我的HTML(由JSP生成):

<div class="listContainer">
    <input type="checkbox" class="oddRow">item1<br/>
    <input type="checkbox" class="evenRow">item2<br/>
    <input type="checkbox" class="oddRow">item3<br/>
    <input type="checkbox" class="evenRow">item4<br/>
    ...
</div>

这是我的CSS:

.listContainer {
            border:2px solid #ccc;
            width:340px;
            height: 225px;
            overflow-y: scroll;
            margin-top: 20px;
            padding-left: 10px;
        }

.oddRow {
            margin-top: 5px;
            background-color: #ffffff;
        }

.evenRow{
            margin-top: 5px;
            background-color: #9FFF9D;
        }

提前感谢任何可以指引我正确方向的人!

目前,当用户打开我的应用程序时,会AlertDialog打开询问他们是否要升级到专业版.我需要添加一个CheckBox,AlertDialog这将使应用程序不再显示AlertDialog用户打开应用程序时.

这就是我AlertDialog现在所拥有的:

AlertDialog.Builder builder = new AlertDialog.Builder(this);
    builder.setTitle(" MY_TEXT");
    builder.setMessage(" MY_TEXT ")
           .setCancelable(false)
           .setPositiveButton("Yes", new DialogInterface.OnClickListener() {
               public void onClick(DialogInterface dialog, int id) {
                   Uri uri = Uri.parse("market://details?id=MY_APP_PACKAGE");
                   Intent intent = new Intent (Intent.ACTION_VIEW, uri);
                   startActivity(intent);                          }
           })
           .setNegativeButton("No", new DialogInterface.OnClickListener() {
               public void onClick(DialogInterface dialog, int id) {
                    dialog.cancel();
               }
           }).show();

如果有人能告诉我如何将添加CheckBox到AlertDialog,这将使应用不再显示AlertDialog当用户打开应用程序,这将是巨大的.提前致谢!

我试图以适当的方式做到这一点,减少痛苦,但我无法弄清楚如何处理ng模型并将其绑定到选定的列表等,而且我需要在以后填充该列表并保持选定的对象在里面.

categories = [ { "name": "Sport", "id": "50d5ad" } , {"name": "General", "id": "678ffr" } ]

    <span ng-repeat="category in categories">
      <label class="checkbox" for="{{category.id}}">
        <input type="checkbox" value="{{category.id}}" ng-model="??" ng-click="??" name="group" id="{{category.id}}" />
        {{category.name}}
      </label>
    </span>

每次填充列表时我都必须覆盖类别,因为它将从服务器中提取出来.

所以我想我需要有数组,第二个将保存所选对象？

如果我是对的,我该如何预选复选框？

我是否需要按-n键才能调用自定义函数将所选对象存储在另一个数组中？

我在复选框中是否需要ng-model？为什么？

什么是适当的方式,减少疼痛？

我正在四处寻找一个复选框添加一个事件,我想人们会用它.change来设置一个改变事件,但我发现人们正在使用.click

是否有一个原因？它们似乎都适用于点击事件和键盘更改.我错过了什么吗？

如果你不相信我,那就试试吧

这是HTML代码:

<div class="text">
   <input value="true" type="checkbox" checked="" name="copyNewAddrToBilling"><label>

我想将值更改为false.或者只需取消选中该复选框即可.我想在纯JavaScript中执行此操作,而不使用外部库(没有jQuery等)