您现在的位置:首页 >> 前端 >> 内容

checkbox中,根据获取的文字,如果有互斥选项,提示并取消最后选择的一个选项的实现

时间:2017/2/22 9:25:33 点击:

  核心提示:直接上JS中的代码:// 保存互斥的项目var rule = [[角色1,角色2],[角色3,角色4,角色5]];function check(obj){var checkedVals = new A...

直接上JS中的代码:

// 保存互斥的项目
var rule = [["角色1","角色2"],["角色3","角色4","角色5"]];
function check(obj){
    var checkedVals = new Array(); 
    // 取出所有选择项目
    $("input[name='checkOptions']:checked").each(function() {
        checkedVals.push($(this).next().text());
    });

    $.each(rule,function(index){
        var item = $(this);
        var flag = 0;
        // 判断是否有互斥选项
        for(i=0;i<item.length;i++){ flag="">=item.length){
            var ruleLabel = rule[index];  
            var promote = "";  
            var labelSize = ruleLabel.length;  
            for(i=0;i<labelsize;i++){ i="a.length;" labelsize="" -="" promote="" else="" return="" function="" var="" while="" if="" pre="">

JSP中,checkbox的代码为:

<input type="checkbox" name="checkOptions" value="0" onclick ="check(this)"/>角色1
<input type="checkbox" name="checkOptions" value="1" onclick ="check(this)"/>角色2 
<input type="checkbox" name="checkOptions" value="2" onclick ="check(this)"/>角色3 
<input type="checkbox" name="checkOptions" value="3" onclick ="check(this)"/>角色4 
<input type="checkbox" name="checkOptions" value="4" onclick ="check(this)"/>角色5

 

Tags:CH HE EC CK 
作者:网络 来源:一个胖子IT男的博客