JavaScript的复选框：使用按钮来更改组来检查

我一直在使用这个（和它的工作/工作）与一个普通的网页，但当我尝试附加Jquery（v1.9.1 + jQuery的移动1.2 .0 - 对于按钮样式和其他功能），它似乎选择正确的对象（运行console.log查看在数组中抓取哪个项目），但它不会更新页面中的复选框（使其被选中）尽管返回了“真实”的值。它也做了同样的事情时，我只是做基础我的jsfiddle这里：http://jsfiddle.net/artcase_1/6sasA/2/JavaScript的复选框：使用按钮来更改组来检查

function checkUncheck(name, setTo) { 


    var c = document.getElementsByName(name); 

    for (var i = 0; i < c.length; i++) { 

     if (c[i].type == 'checkbox' || c[i].checked == 'false') { 

      c[i].checked = setTo; 
     } 
    } 
} 

<!-- in the body: --> 
<div data-role="fieldcontain"> 
    <fieldset data-role="controlgroup" data-type="horizontal"> 
     <legend>choose a level to view</legend> 
     <input name="colors" type="checkbox" class="custom" 
     id="redbtn" value="red" checked="checked" /> 
     <label for="redbtn">High</label> 
     <input name="colors" type="checkbox" class="custom" id="yellowbtn" 
     value="yellow" /> 
     <label for="yellowbtn">Med</label> 
     <input name="colors" type="checkbox" class="custom" id="bluebtn" 
     value="blue" /> 
     <label for="bluebtn">Low</label> 
    </fieldset> 
</div> 
<input name="Show_all_btn" type="button" id="showall" onclick="checkUncheck('colors','true')" 
value="check all" />

来源

2013-03-11 artcase

你刚刚设置了错误的小提琴，改变的onLoad，以NOWRAP体和它的作品 - > [** ** FIDDLE（HTTP：//的jsfiddle。 net/adeneo/6sasA/4 /） – adeneo 2013-03-11 19:04:33

有什么区别？ – artcase 2013-03-11 21:05:17

我建议你从你的HTML分离你的JavaScript所以这将是您的更新JS会是这样的：

var check_all = document.getElementById('showall'); 

function checkUncheck(name, setTo) { 


var c = document.getElementsByName(name); 

for (var i = 0; i < c.length; i++) { 

    if (c[i].type == 'checkbox' || c[i].checked == 'false') { 

     c[i].checked = setTo; 
    } 
} 

} 
check_all.addEventListener('click', checkUncheck.bind(null, 'colors', true), false);

这里有一个演示Fiddle

来源

2013-03-11 19:05:16

我从来没有使用绑定之前，从上面的代码示例，它似乎添加一个初始变量到回调集，右（0：null，1：“color”，2：true）还是我错过了什么？ – artcase 2013-03-11 21:01:56

- 此外，checkUncheck在另一个更多功能的内部被调用，它不是用户单击时发生的唯一事情。所以我不知道如何将它绑定到click事件监听器。添加多个功能到这样的事情可以吗？（我是新人，来自平面艺术背景，请原谅......） – artcase 2013-03-11 21:09:22

JavaScript的复选框：使用按钮来更改组来检查

回答

相关问题