单选框获取与保持值的实现代码_php基础_脚本之家
分类:服务器

因为死神的一个单选开关难点,N多个人出来扯淡,唉,偶那么些新手级人物也出去,乘虚而入去。三个十分的大心也摸到了一条。 首先看从baidu中掘出来的大器晚成段代码,偶就从这里动手的。 复制代码 代码如下:

php 读取单选开关radio值 复制代码 代码如下:

或是那是个很简单的主题素材,但是在自家就学程序的时候不经意了单选开关。诱致对于她的数额传递情势的空缺。经过嗷嗷的援救完结了上面关于年纪选取的表单的数据得到,仅仅在IE下测量试验成功了。先测验一下那一个程序效果。复制代码 代码如下:上边是js获取数据复制代码 代码如下: 还想数据传递给其它三个表单复制代码 代码如下:参谋资料js:

radio单选项目组件表达:

这段代码的效力是判断所选的值。 未来要的效果是假若每种选项都为空的时候要提交三个晋升,上面包车型地铁代码正是偶校订后的效应 程序代码

php 读取单选按键radio值

radio:单选项目。

新生又来看了一个由晨写的更清楚的意气风发段代码,在那间也帖一下。 (注:为了便于测量试验,退换了弹指间,思路依然他的思绪卡塔尔 复制代码 代码如下:

if { echo '你选取了单选取',$_POST['RadioGroup1']; //由于单选按键的品质同一时间只可以被选中叁个就所从来把她们名字肖似就OK了。 } ?> php 中如何保持单选按键的值的点子,首借使思路。复制代码 代码如下: />男 />女此外提出不用用 汉字识别,用 0,1 意味 男,女相比好。

radio-group:

单选的扫尾了,飞飞老大不死心,在夜间的时候搞出了叁个针对性复选框的代码。 复制代码 代码如下:

单项选用器,内部由四个<radio/>组成。

functiontest() { fruitlist=""; for(i=0;i再来风流洒脱段更简明的代码、效果越来越好的有关复选的代码。复制代码 代码如下:

 

radio单选项目示范代码运营效果如下:

图片 1

 

 

 

单选框获取与保持值的实现代码_php基础_脚本之家,_表单特效_脚本之家。下面是WXML代码:

[XML] 纯文本查看 复制代码

?

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
<view class="page">
  <view class="page__hd">
    <text class="page__title">radio</text>
    <text class="page__desc">单选框</text>
  </view>
  <view class="page__bd">
    <view class="section section_gap">
      <radio-group class="radio-group" bindchange="radioChange">
        <label class="radio" wx:for="{{items}}">
          <radio value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}
        </label>
      </radio-group>
    </view>
  </view>
</view>

下面是JS代码:

[JavaScript] 纯文本查看 复制代码

?

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
Page({
  data: {
    items: [
      {name: 'USA', value: '美国'},
      {name: 'CHN', value: '中国', checked: 'true'},
      {name: 'BRA', value: '巴西'},
      {name: 'JPN', value: '日本'},
      {name: 'ENG', value: '英国'},
      {name: 'FRA', value: '法国'},
    ]
  },
  radioChange: function(e) {
    console.log('radio发生change事件,携带value值为:', e.detail.value)
  }
})

下面是WXSS代码:

[CSS] 纯文本查看 复制代码

?

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
page {
    min-height: 100%;
    flex: 1;
    background-color: #FBF9FE;
    font-size: 32rpx;
    font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;
    overflow: hidden;
}
.page__hd{
    padding: 50rpx 50rpx 100rpx 50rpx;
    text-align: center;
}
.page__title{
    display: inline-block;
    padding: 20rpx 40rpx;
    font-size: 32rpx;
    color: #AAAAAA;
    border-bottom: 1px solid #CCCCCC;
}
.page__desc{
    display: none;
    margin-top: 20rpx;
    font-size: 26rpx;
    color: #BBBBBB;
}
.radio {
  display: block;
  margin-bottom: 20rpx;
}
.section{
    margin-bottom: 80rpx;
}
.section_gap{
    padding: 0 30rpx;
}

radio单选项指标第意气风发品质:

radio-group:

 

属性名
类型
默认值
说明
bindchange EventHandle   <radio-group/>中的选中项发生变化时触发change事件,event.detail = {value: 选中项radio的value}

 

radio:

 

 

属性名
类型
默认值
说明
value String   <radio/>标识。当该<radio/>选中时,<radio-group/>的change事件会携带<radio/>的value
checked Boolean false 当前是否选中
disabled Boolean false 是否禁用

点击查看原来的小说

本文由澳门新萄京发布于服务器,转载请注明出处:单选框获取与保持值的实现代码_php基础_脚本之家

上一篇:没有了 下一篇:没有了
猜你喜欢
热门排行
精彩图文