按键精灵程序多选框获取输入框内容为变量

按键精灵程序多选框获取输入框内容为变量,第1张

多选框获取变量?什么意思?说明白点谢谢,是不是QUI界面变动有问题?如果是因为点选多选框无效的话,那是因为脚本每个事件是不同的,就是说多选框1和多选框2里面的变量变动是不会相互影响的,脚本未启动的话界面设置是不会提取脚本内的任何数据的,只会根据那个事件内的变量来变动,我建议你增加几个隐藏的输入框,然后根据那几个隐藏的输入框内的文本来判断命令,比如点选了多选框1那么输入框1里面的文本变化为XX,同时点选会变化为XX,然后根据最终输入框文本内的内容来判断代码,下面是我的示例代码,运行需求是两个多选框和一个输入框25,输入框25在脚本完成后可以改为隐藏的,其实事件代码只要完成了一个就可以直接复制过去了,只是改一下名字罢了。

A = Form1InputBox25Text

B = Array("a1+", "a2+")

C = Array("多选框1", "多选框2")

For i = 0 To UBound(B)

    If InStr(A, B(i)) <> 0 Then 

        MessageBox "选中了" & C(i)

    Else 

        TracePrint "没选中" & C(i)

    End If

Next

Event Form1LoadOver

    Form1InputBox25Text = ""

    Form1CheckBox1value = 0

    Form1CheckBox2value=0

End Event

Event Form1CheckBox1Click

    A = Form1InputBox25Text

    If Form1CheckBox1value = 1 Then 

        Form1InputBox25Text = A & "a1+"

    ElseIf Form1CheckBox1value = 0 Then

        Form1InputBox25Text = Replace(A, "a1+", "")

    End If

    TracePrint Form1InputBox25Text

End Event

Event Form1CheckBox2Click

    A = Form1InputBox25Text

    If Form1CheckBox2value = 1 Then 

        Form1InputBox25Text = A & "a2+"

    ElseIf Form1CheckBox2value = 0 Then

        Form1InputBox25Text = Replace(A, "a2+", "")

    End If

    TracePrint Form1InputBox25Text

End Event

思路:jquery 获取select多选下拉框所有选项的值,可以通过选取多选的数组进行循环判断即可。

方法如下:

function f(){

    var se = documentgetElementById("t");

    var s = [];

    for(i=0;i<selength;i++){

        if(seoptions[i]selected){

            spush(se[i]value);

        }

    }

    alert(s);

}

<select id="t" multiple="true">

    <option value="a">option-A</option>  

    <option value="b">option-B</option>

    <option value="c">option-C</option> 

    <option value="d">option-D</option>

</select>

<input type="button" value="确定" onclick="f()" />

如图所示:

根据多选框name来获得选中的值可用如下 jquery代码实现

$("input:checkbox[name='test']:checked")each(function() { // 遍历name=test的多选框

  $(this)val();  // 每一个被选中项的值

});

实例演示:给出两组多选框,点击按钮后分别获得两组中被选择的项目

示例代码如下

创建Html元素

<div class="box">

<span>请输入用户名,限定字母、数字或下划线的组合:</span><br>

<div class="content">

<span>水果:</span><br>

<input type="checkbox" name="fruit" value="梨子"/>梨子

<input type="checkbox" name="fruit" value="李子"/>李子

<input type="checkbox" name="fruit" value="栗子"/>栗子

<input type="checkbox" name="fruit" value="荔枝"/>荔枝<br>

<span>蔬菜:</span><br>

<input type="checkbox" name="vegetable" value="青菜"/>青菜

<input type="checkbox" name="vegetable" value="萝卜"/>萝卜

<input type="checkbox" name="vegetable" value="土豆"/>土豆

<input type="checkbox" name="vegetable" value="茄子"/>茄子

</div>

<input type="button" value="提交">

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

input[type='checkbox']{margin:5px;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

$(function(){

// 设置属性值

$("input:button")click(function() {

var fruit = "";

var vegetable = "";

$("input:checkbox[name='fruit']:checked")each(function() {

fruit += $(this)val() + " ";

});

$("input:checkbox[name='vegetable']:checked")each(function() {

vegetable += $(this)val() + " ";

});

alert("已选择水果:"+fruit+",已选择蔬菜:"+vegetable);

});

})

观察效果

以上就是关于按键精灵程序多选框获取输入框内容为变量全部的内容,包括:按键精灵程序多选框获取输入框内容为变量、jquery 怎样获取select多选下拉框所有选项的值、jquery如何根据多选框name来获得选中的值。等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9753182.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存