javascript - 如果选中了任何复选框,则选中复选框

标签 javascript jquery html checkbox

HTML

<label for="desktop_dimension_id">Desktop dimensions:</label>
    <span class="checkbox" id="desktopCheckboxId">
    <span class="checkbox_value">
<input id="dc1280_800" type="checkbox" name="1280x800"> 1280x800</span>                    
<span class="checkbox_value">
<input id="dc1366_768" type="checkbox" name="1366x768"> 1366x768</span>
<span class="checkbox_value">
<input id="dc1920_1080" type="checkbox" name="1920x1080"> 1920x1080</span>
</span>

    <br/>                    
 <input id="desktopCheckbox" type="checkbox" name="type[]" value="1"> Desktop

JavaScript

if(jQuery('#desktopCheckboxId input[type=checkbox]:checked').length) {
        document.getElementById('desktopCheckbox').checked = this.checked;
    }

我想检查桌面复选框是否选中了前三个复选框中的任何一个。尝试了几种方法,但由于未知原因似乎不起作用。那么我将如何做到这一点?

jsFiddle

最佳答案

http://jsfiddle.net/pmZ7T/

试试这个。

$("#frmTest input[type='checkbox']").each(function(){
    if($(this).is(':checked'))
    {
        $("#desktopCheckbox").attr("checked","checked");
        return true;
    }
});

关于javascript - 如果选中了任何复选框,则选中复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20135517/

相关文章:

javascript - Chart.js 动态数据集和堆叠条上的工具提示

html - CSS3动画,图片移动后消失

html - 两个div之间的垂直距离

javascript - AngularJS ui-router 登录认证

javascript - 实现 "this page is asking you to confirm that you want to leave"

javascript - 用于将数据传递到组件到组件的 Angular 2 共享服务

jquery - rgba() 在 IE8 中不工作

javascript - 重构 jQuery $(this).find

javascript - 迭代 BasicPrimitives OrgChart 项目

javascript - 在 AngularJS 中编写待办事项列表时无法理解删除过程