jQuery获取多种input值的方法

最新推荐文章于 2022-02-19 16:07:56 发布

ya1la2

最新推荐文章于 2022-02-19 16:07:56 发布

阅读量563

点赞数

分类专栏： JS

JS 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

1 if($(“input[name=item][value=’val’]”).attr(‘checked’)==true) //判断是否已经打勾
name即控件name属性,value即控件value属性
可以不指定属性值，因一组checkbox的value值都会保存其在数据库中对应的id，最好写成如下方式

<code class="hljs ruby has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background: transparent;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">if</span>(<span class="hljs-variable" style="color: rgb(102, 0, 102); box-sizing: border-box;">$(</span><span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"input[name=row_checkbox]"</span>).attr(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'checked'</span>)==<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">true</span>)
{
alert(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"j"</span>);
}
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">else</span>
{
alert(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"请选择数据！"</span>);
}</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li></ul>

另，还可以写成

<code class="hljs ruby has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background: transparent;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">if</span>(<span class="hljs-variable" style="color: rgb(102, 0, 102); box-sizing: border-box;">$(</span><span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"[name=row_checkbox]"</span>).attr(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'checked'</span>)==<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">true</span>)</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li></ul>

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关

jQuery 1.3.2版本下的
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关
设置

<code class="hljs ruby has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background: transparent;">获取一组radio被选中项的值<span class="hljs-symbol" style="color: rgb(0, 102, 102); box-sizing: border-box;">:var</span> item = <span class="hljs-variable" style="color: rgb(102, 0, 102); box-sizing: border-box;">$(</span><span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'input[name=items][checked]'</span>).val();
获取select被选中项的文本
var item = <span class="hljs-variable" style="color: rgb(102, 0, 102); box-sizing: border-box;">$(</span><span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"select[@name=items] option[@selected]"</span>).text();
获取select被选中项的文本 <span class="hljs-symbol" style="color: rgb(0, 102, 102); box-sizing: border-box;">:var</span> item = <span class="hljs-variable" style="color: rgb(102, 0, 102); box-sizing: border-box;">$(</span><span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"select[name=items] option[selected]"</span>).text(); 或<span class="hljs-variable" style="color: rgb(102, 0, 102); box-sizing: border-box;">$(</span><span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"select[name=items]"</span>).find(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"option:selected"</span>).text();
select下拉框的第二个元素为当前选中值<span class="hljs-symbol" style="color: rgb(0, 102, 102); box-sizing: border-box;">:</span><span class="hljs-variable" style="color: rgb(102, 0, 102); box-sizing: border-box;">$(</span><span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'#select_id'</span>)[<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0</span>].selectedIndex = <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>;
select下拉框value = <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'val'</span>的元素为当前选中项<span class="hljs-symbol" style="color: rgb(0, 102, 102); box-sizing: border-box;">:</span><span class="hljs-variable" style="color: rgb(102, 0, 102); box-sizing: border-box;">$(</span><span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"select[name=items] option[value='val']"</span>).attr(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"selected"</span>,<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"selected"</span>);
radio单选组的第二个元素为当前选中项 <span class="hljs-symbol" style="color: rgb(0, 102, 102); box-sizing: border-box;">:</span><span class="hljs-variable" style="color: rgb(102, 0, 102); box-sizing: border-box;">$(</span><span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'input[@name=items]'</span>).get(<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>).checked = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">true</span>; 或<span class="hljs-variable" style="color: rgb(102, 0, 102); box-sizing: border-box;">$(</span><span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'input[name=items]'</span>).attr(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"checked"</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'1′);
radio的value = '</span>val<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'的元素为当前选中项:$('</span>input[name=items] [value=<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'val'</span>]<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">').attr("checked","checked");</span></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li></ul>

获取值:

<code class="hljs ocaml has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background: transparent;">文本框,文本区域:$(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"#txt"</span>).attr(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"value"</span>);
多选框checkbox:$(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"input[name='checkbox':checked]"</span>).each(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">function</span>(){
var <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">val</span> = $(this).<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">val</span>();
});
单选组radio: $(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"input[type=radio][checked]"</span>).<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">val</span>();
下拉框select的<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">value</span>值: $(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'select'</span>).<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">val</span>();
下拉框select选中的text 值:$(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"select"</span>).find(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"option:selected"</span>).text();
控制表单元素:
文本框,文本区域:$(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"#txt"</span>).attr(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"value"</span>,<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"); //清空内容
$("</span>#txt<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">").attr("</span><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">value</span><span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">",'11′); //填充内容
多选框checkbox:
checkbox的第二个元素被打勾:
$("</span>input[name=items]<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">").get(1).checked = true; //打勾
$("</span>input[name=items]<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">").get(1).checked = false; //不打勾
checkbox的value='val'的元素前打勾:
$("</span>input[name=item][<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">value</span>=<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'val'</span>]<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">").attr("</span>checked<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">",true); 
或
$("</span>input[name=item][<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">value</span>=<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'val'</span>]<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">").attr("</span>checked<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">","</span>checked<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">");
if($("</span>input[name=item][<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">value</span>=<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'val'</span>]<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">").attr('checked')==true) //判断是否已经打勾
单选组radio: 
$("</span>input[<span class="hljs-class" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">type</span>=</span>radio]<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">").attr("</span>checked<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">",'2′);//设置value=2的项目为当前选中项
下拉框select: 
$("</span>#sel<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">").attr("</span><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">value</span><span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">",'-sel3′);//设置value=-sel3的项目为当前选中项
$("</span><<span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-box;">option</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">value</span>=<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'1′>1111</option><option value='</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">2</span>′><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">2222</span></<span class="hljs-built_in" style="color: rgb(102, 0, 102); box-sizing: border-box;">option</span>><span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">").appendTo("</span>#sel<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">")//添加下拉框的option
$("</span>#sel<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">").empty();//清空下拉框</span></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li><li style="box-sizing: border-box; padding: 0px 5px;">22</li><li style="box-sizing: border-box; padding: 0px 5px;">23</li><li style="box-sizing: border-box; padding: 0px 5px;">24</li><li style="box-sizing: border-box; padding: 0px 5px;">25</li></ul>

jQuery获取Radio选择的Value值

<code class="hljs javascript has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background: transparent;">$(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"input[name='radio_name'][checked]"</span>).val(); <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">//选择被选中Radio的Value值</span>
$(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"#text_id"</span>).focus(<span class="hljs-function" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">function</span><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">()</span>{</span><span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">//code...}); //事件 当对象text_id获取焦点时触发</span>
$(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"#text_id"</span>).blur(<span class="hljs-function" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">function</span><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">()</span>{</span><span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">//code...}); //事件 当对象text_id失去焦点时触发</span>
$(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"#text_id"</span>).select(); <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">//使文本框的Vlaue值成选中状态</span>
$(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"input[name='radio_name'][value='要选中Radio的Value值'"</span>).
attr(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"checked"</span>,<span class="hljs-literal" style="color: rgb(0, 102, 102); box-sizing: border-box;">true</span>); <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">//根据Value值设置Radio为选中状态</span>
jQuery获取CheckBox选择的Value值
$(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"input[name='checkbox_name'][checked]"</span>); <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">//选择被选中CheckBox元素的集合 如果你想得到</span>
Value值你需要遍历这个集合
$($(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"input[name='checkbox_name'][checked]"</span>)).
each(<span class="hljs-function" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">function</span><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">()</span>{</span>arrChk+=<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">this</span>.value + <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">','</span>;});<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">//遍历被选中CheckBox元素的集合 得到Value值</span>
$(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"#checkbox_id"</span>).attr(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"checked"</span>); <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">//获取一个CheckBox的状态(有没有被选中,返回true/false)</span>
$(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"#checkbox_id"</span>).attr(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"checked"</span>,<span class="hljs-literal" style="color: rgb(0, 102, 102); box-sizing: border-box;">true</span>); <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">//设置一个CheckBox的状态为选中(checked=true)</span>
$(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"#checkbox_id"</span>).attr(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"checked"</span>,<span class="hljs-literal" style="color: rgb(0, 102, 102); box-sizing: border-box;">false</span>); <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">//设置一个CheckBox的状态为不选中(checked=false)</span>
$(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"input[name='checkbox_name']"</span>).attr
(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"checked"</span>,$(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"#checkbox_id"</span>).attr(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"checked"</span>));<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">//根据3,4,5条,你可以分析分析这句代码的意思</span>
$(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"#text_id"</span>).val().split(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">","</span>); <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">//将Text的Value值以','分隔 返回一个数组</span></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li></ul>