0

当我在 HTML 编辑器的文本区域键入任何内容时，我需要代码，然后自动选中另一个复选框。你能帮助我吗

这里是示例 extjs 代码。

Ext.create('Ext.form.Panel', {
bodyPadding: 10,
width: 300,
title: 'Pizza Order',
items: [
    {
    xtype: 'htmleditor',
    enableColors: false,
    enableAlignments: false,
    listeners: {
                render: function(){
                  this.textareaEl.on('keyup', function() {
                        var notes = this.textareaEl.getValue();
                        if(notes.length > 0) {   Ext.getCmp('checkbox1').setValue(true);
                        }
                        else
                        {
                            Ext.getCmp('checkbox1').setValue(false);
                        }

                  });

                }
            }
    },
    {
        xtype: 'fieldcontainer',
        fieldLabel: 'Toppings',
        defaultType: 'checkboxfield',
        items: [
            {
                boxLabel  : 'Anchovies',
                name      : 'topping',
                inputValue: '1',
                id        : 'checkbox1'
            }
        ]
    }
]   
renderTo: Ext.getBody()

});

这是正确的方法吗。谁能帮我。提前致谢。

4

1 回答 1

0

像这样试试。

<!doctype html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
<title></title>
<script type="text/javascript" src='./js/jquery-1.10.2.js'></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('#my_textarea').keyup(function(){

            if($('#my_textarea').val().length>0)
            {
                $('input#my_checkbox').prop('checked', true);
            }
            else
            {
                $('input#my_checkbox').prop('checked', false);
            }
        });
    });
</script>
</head>

<body>
<input id='my_checkbox' type="checkbox"/><span>Some data here</span>
<textarea id="my_textarea" cols="30" rows="10"></textarea>
</body>
</html>

这是jsFiddly的链接。

于 2013-11-06T14:46:42.477 回答